/* 浏览器重置 [[ */

body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu,
article,
pre {
    margin: 0;
    padding: 0;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
select,
time {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button,
label {
    font-size: 100%;
    font-weight: normal;
    vertical-align: middle;
    font-family: inherit;
}

ul,
dl,
ol {
    list-style: none;
}

img,
fieldset,
input[type='submit'] {
    border: none;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body {
    /* -webkit-user-select: none;禁止选中文本 */
    -webkit-text-size-adjust: 100%;
    /* 设置webkit内核下文字大小不小于12px */
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    /* 设置点击链接时遮罩层为全透明 */
    -webkit-overflow-scrolling: touch;
    /*font-size: 14px;*/
    font-family: "SF Pro SC", "SF Pro Display", 'Segoe UI', SegoeUI, "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "segoe-ui_normal", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    position: relative;
    color: #323232;
    background-color: #f7f7f7;
    height: 100%;
    /* min-height 1064px; */
}

html,
body {
    height: 100%;
}

body.no-overflow {
    min-height: 100%;
}

body.clear-bg {
    background-color: transparent
}

p,
a,
div,
span {
    vertical-align: middle;
    font-family: inherit;
}


/* 禁止长按链接、按钮、输入框出现系统默认弹框菜单 */

a,
button,
input,
select,
textarea {
    border: none;
    outline: none;
    text-decoration: none;
    -webkit-touch-callout: none;
    font-family: inherit;
    background: none;
}

a,
a:visited,
a:hover {
    text-decoration: none;
    -webkit-touch-callout: none;
}

a {
    color: inherit;
}

.link {
    vertical-align: baseline;
    color: #fec715;
}

input::-ms-clear {
    display: none;
}

em,
i {
    font-style: normal;
}

select::-ms-expand {
    display: none;
}

.g-clr {
    zoom: 1;
}

.g-clr:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.shadow-bg {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: -1;
    transform-origin: top;
}

.shadow-bg.active {
    opacity: 1;
    z-index: 10;
    transition: .5s opacity cubic-bezier(0.2, 0.0, 0.2, 1);
}

.city-swiper .life-img {
    height: 360px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.city-swiper .life-img.life-one {
    background-image: url(./../images/banner6.jpg);
}

.city-swiper .life-img.life-two {
    background-image: url(./../images/banner7.jpg);
}

.city-swiper .life-img.life-three {
    background-image: url(./../images/banner8.jpg);
}

.city-swiper .life-img.life-four {
    background-image: url(./../images/banner34.jpg);
}

.swiper-slide.animation-right-active {
    transform-origin: left;
    animation: stretch 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.swiper-slide.animation-left-active {
    transform-origin: right;
    animation: stretch1 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}


.city-swiper-container .city-swiper-prev {
    cursor: pointer;
    position: absolute;
    left: -88px;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    background: url(./../images/arrow-w-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    background-color: rgba(0, 0, 0, .5);
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
    z-index: 1;
}


.city-swiper-container .city-swiper-next {
    cursor: pointer;
    position: absolute;
    right: -88px;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    background: url(./../images/arrow-w-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    background-color: rgba(0, 0, 0, .5);
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
    z-index: 1;
}

.city-swiper-container .city-swiper-next:hover,
.city-swiper-container .city-swiper-prev:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.city-swiper-container .swiper-pagination {
    width: 120px;
    position: absolute;
    right: 0;
    background: #ffffff;
    z-index: 1;
    bottom: 0;
    text-align: center;
    padding: 13px 18px;
    box-sizing: border-box;
}

.city-swiper-container .swiper-pagination .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
    border: 2px solid #CDCDCD;
    border-radius: 50%;
    box-sizing: border-box;
    /* background: url(./../images/slide.png) no-repeat; */
    /* background-size: 14px 14px; */
}

.city-swiper-container .swiper-pagination .swiper-pagination-switch:last-child {
    margin-right: 0;
}

.city-swiper-container .swiper-pagination .swiper-active-switch {
    position: relative;
    border: 2px solid #CDCDCD;
}

.city-swiper-container .circle-left {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    border-top: 2px solid #fec715;
    border-right: 2px solid #fec715;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    transform: rotate(45deg);
    animation: rotate 2s linear 2s forwards;
    -webkit-animation: rotate 2s linear 2s forwards;
}

.city-swiper-container .circle-right {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #fec715;
    border-left: 2px solid #fec715;
    border-radius: 50%;
    transform: rotate(45deg);
    animation: rotate1 2s linear forwards;
    -webkit-animation: rotate1 2s linear forwards;
}

/* .city-swiper-container .swiper-pagination .swiper-active-switch:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(./../images/current-pagination.png) no-repeat;
    background-size: 14px 14px;
    border: 2px solid #fec715;
    border-radius: 50%;
    box-sizing: border-box;
    animation: collectionGo 4s linear forwards;
} */

.container {
    min-height: 100%;
    height: auto;
    /* height: 100%; */
    position: relative;
    overflow: hidden;
}

.slider .slider-pagination li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 0 7px;
    cursor: pointer;
    text-indent: -999999em;
}

.slider .slider-prev,
.slider .slider-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -32px;
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.slider .slider-prev {
    left: -88px;
}

.slider .slider-next {
    right: -88px;
}

.slider .blackBg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=6);
    opacity: 0.06;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.slider-prev:hover .blackBg,
.slider-next:hover .blackBg {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slider .icon-arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.slider .slider-prev .icon-arrow {
    background: url(../images/arrow-w-left.png) no-repeat;
    background-position: center;
}

.slider .slider-next .icon-arrow {
    background: url(../images/arrow-w-right.png) no-repeat;
    background-position: center;
}



.header {
    position: fixed;
    width: 100%;
    display: table;
    background-color: #ffffff;
    padding-bottom: 16px;
    transform: translateY(0);
    transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1), background 0.25s cubic-bezier(0.2, 0, 0.2, 1), border-bottom 0.15s cubic-bezier(0.2, 0, 0.2, 1);
    z-index: 999;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
}

.header.fixed {
    position: fixed;
    transform: translateY(-65px);
}

.header.fixed .header-main .menu {
    display: none;
}

.no-search .header.fixed {
    transform: translateY(-81px);
}

.header.clear {
    padding-bottom: 0;
}

.header.border {
    border-bottom: 1px solid #e6e6e6;
}

.header.header-color .user-info .login-link {
    color: #FFFFFF;
}

.tencent-story-wrapper.container .cancel-icon {
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: url(./../images/cancel-icon.png) no-repeat;
    background-size: cover;
    z-index: 21;
    /* src="./images/cancel-icon.png"  */
}

.tencent-story-wrapper .content .main .recruit-wrap .recruit-list-link {
    padding-top: 3%;
    padding-left: 3.5%;
    padding-bottom: 3.5%;
    padding-right: 5%;
}

.header .header-main {
    display: table;
    width: 100%;
    position: relative;
    z-index: 10;
}

.container.story-1 .header .header-main {
    display: inline-block;
    width: auto;
}

.header .logo {
    width: 229px;
    height: 60px;
    background: url(../images/logo-footer.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    cursor: pointer;
    margin-top: 10px;
}

.header.tencent-story .logo {
    background-image: url(./../images/Tencent-logo-w.png);
    background-size: 100% 100%;
    background-size: 100%;
}

.header .menu {
    float: right;
    margin: 20px 0px 10px;
    color: #333333;
}

.header .menu .menu-list {
    float: left;
    position: relative;
    z-index: 1;
    margin: 0 16px;
    /* letter-spacing: 0.07px; */
    padding: 10px 0px;
}

.header .menu .menu-list .first-list {
    line-height: 20px;
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px transparent solid;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    position: relative;
}

.content .content-wrapper .resume-content .clear-mar {
    margin: 0;
}

.header .menu .menu-list .first-list .first-list-arrow {
    position: absolute;
    right: -20px;
    top: 1px;
    width: 18px;
    height: 18px;
}


.header .menu .menu-list .first-list .first-list-down {
    background-image: url(./../images/arrow-b-bottom.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
}


.header .menu .menu-list:hover .first-list .first-list-down {
    background: url(./../images/arrow-l-bottom.png) no-repeat;
    background-size: 18px 18px;
}

.header.adaption-color .menu .menu-list .first-list .first-list-down {
    background-image: url(./../images/arrow-w-down.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
}

.header.adaption-color .menu .menu-list .first-list .first-list-up {
    background-image: url(./../images/arrow-w-top.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
}

.header .menu .menu-list.active .first-list {
    border-bottom: 1px solid #fec715;
    color: #fec715;
    font-weight: 600;
}

.header .menu .menu-list:hover .first-list {
    color: #fec715;
}

.header .menu .menu-list .first-list::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 0%;
    color: #fec715;
    border-bottom: 1px #fec715 solid;
    transform-origin: left;
    /* transform: rotateY(90deg); */
    transition: 1s width cubic-bezier(0.2, 0.0, 0.2, 1);
}

.header.adaption-color .menu .menu-list .first-list::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 0%;
    color: #fec715;
    border-bottom: 1px solid white;
    /* transform: rotateY(90deg); */
    transition: 1s width cubic-bezier(0.2, 0.0, 0.2, 1);
}

.header.adaption-color .menu .menu-list:hover .first-list::after {
    width: 100%;
}

.header .menu .menu-list:hover .first-list::after {
    width: 100%;
}


.header .menu .menu-list.active .first-list-up {
    display: none;
}

.header .menu .menu-list.active .active-up {
    display: block;
}

.header .menu .menu-list:hover {
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.header .menu .menu-list:hover .first-list .active-up {
    display: none;
}

.header .menu .menu-list a {
    color: #323232;
}

.header .login {
    float: right;
    margin-top: 24px;
    margin-left: 16px;
}

.header .login .login-btn {
    position: relative;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #323232;
    /* letter-spacing: 0.07px; */
    border: 1px solid #333333;
    cursor: pointer;
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    overflow: hidden;
    font-weight: 600;
}

.header .login .login-btn::after {
    content: "";
    position: absolute;
    left: -3px;
    top: -6px;
    width: 0%;
    height: 140%;
    transform: rotate(8deg);
    background-color: #fec715;
    z-index: -1;
    transition: 1s background cubic-bezier(0.2, 0.0, 0.2, 1), 1s width cubic-bezier(0.2, 0.0, 0.2, 1);
}

.header.adaption-color .login .login-btn::after {
    content: "";
    position: absolute;
    left: -3px;
    top: -6px;
    width: 0%;
    height: 140%;
    transform: rotate(8deg);
    background-color: #ffffff;
    z-index: -1;
    transition: 1s background cubic-bezier(0.2, 0.0, 0.2, 1) 1s width cubic-bezier(0.2, 0.0, 0.2, 1);
}

.header.adaption-color .login .login-btn:hover {
    color: #000;
}


.header .login .login-btn:hover::after {
    width: 110%;
}

.header .login .login-btn:hover {
    color: white;
    border-color: #fec715;
}

.header .login .user-info {
    position: relative;
    cursor: pointer;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 14px;
    color: #343434;
    /* letter-spacing: 0.07px; */
    height: 30px;
    line-height: 30px;
    /* -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1); */
    transition: color .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    padding-bottom: 10px;
    font-weight: 600;
}

.header .login .user-info:hover .user-arrow {
    display: block;
}


.header .login .user-info .children-menu {
    right: 0;
    left: auto;
}

.header .login .user-info .user-arrow {
    display: none;
    position: absolute;
    left: 50%;
    top: 28px;
    margin-left: -13px;
    /* transform: translate(-50%, 0); */
    width: 26px;
    height: 12px;
    background: url(./../images/pop-arrow-ie.png) no-repeat;
    background-size: 26px 12px;
    z-index: 3;
    transform-origin: top;
    -webkit-transform-origin: top;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
}

/* .header .login .user-info .pop-arrow {
    left: 70%;
}

.header .login .user-info .pop-arrow-ie {
    left: 70%;
} */

.header .login .user-info .login-link {
    display: block;
    margin-right: 16px;
    max-width: 160px;
    height: 30px;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header .login .user-info:hover .login-link {
    color: #fec715;
}

.header .login .user-info .login-link .active-up {
    display: none;
}

.header .login .user-info .login-link .first-list-down {
    background: url(./../images/arrow-b-bottom.png) no-repeat;
    background-size: 18px 18px;
    background-position: center;
}

.header .login .user-info:hover .login-link .first-list-down {
    background: url(./../images/arrow-l-bottom.png) no-repeat;
    background-size: 18px 18px;
    background-position: center;
}


.header .login .user-info .first-list-down {
    display: block;
}

.children-menu .login-out {
    color: red;
}

.children-menu .login-out:hover {
    border: none;
}

.header .login .user-info .first-list-arrow {
    position: absolute;
    top: 6px;
    right: -3px;
    width: 18px;
    height: 18px;
}

/* .header .login .user-info.normal .first-list-down {
    -webkit-animation: arrowRotateXBack 0.35s linear forwards;
    animation: arrowRotateXBack 0.35s linear forwards;
}

.header .login .user-info.hover .first-list-down {
    -webkit-animation: arrowRotateXGo 0.35s linear forwards;
    animation: arrowRotateXGo 0.35s linear forwards;
} */

.header .login .user-info:hover .login-menu {
    display: block;
}

.header .header-search {
    width: 100%;
    height: 48px;
    background-color: rgba(0, 0, 0, .1);
    position: relative;
}

.header .header-search .search-input {
    line-height: 48px;
    height: 48px;
    padding-left: 48px;
    padding-right: 150px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.header .header-search .input-value::-webkit-input-placeholder {
    color: #808080;
}

.header .header-search .input-value {
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    border: 1px solid transparent;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}


.header .header-search .input-value.active {
    border: 1px solid #fec715;
}

.header .header-search .icon-search {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
    width: 21px;
    height: 21px;
    background-image: url(./../images/search.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
    cursor: pointer;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.adaption-color.header .header-search .icon-search {
    background-image: url(./../images/search-w-icon.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

.header .header-search .icon-search:hover {
    background-image: url(./../images/search-blue.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

.header .header-search .icon-search.active {
    background-image: url(./../images/search-blue.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

.header.adaption-color .header-search .icon-search.active {
    background-image: url(./../images/search-w-icon.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

.header .header-search .icon-search span {
    display: block;
    width: 21px;
    height: 21px;
}

.header .header-search .icon-search span.search-icon-img {
    background: url(../images/search.png) no-repeat;
    background-size: 21px 21px;
}

.header .header-search .icon-search.active span.search-icon-blue-img {
    background: url(../images/search-blue.png) no-repeat;
    background-size: 21px 21px;
}

.header .header-search .search-btn {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    line-height: 18px;
    color: #fec715;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
    padding-right: 14px;
    font-size: 16px;
    font-weight: 600;
}

.header .header-search .search-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-image: url(./../images/side-b-right.png);
    background-size: 12px 12px;
    background-position: center;
    background-repeat: no-repeat;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.header .header-search .search-btn:hover {
    color: #fbd457;
}

.header .header-search .search-btn:hover:after {
    /* right: -6px; */
    transform: translateX(6px);
    background-image: url(./../images/side-right-hover.png);
    background-size: 12px 12px;
}

.content .main-bg {
    width: 960px;
    height: 242px;
    background: url(../images/bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 100%;
    right: -32px;
    margin-top: 32px;
}

.content .banner {
    height: 320px;
    width: 100%;
    position: relative;
    overflow: hidden;
    top: 0;
    z-index: 1;
}

.content .banner-img {
    width: 100%;
    height: 320px;
    background-position: center center !important;
    background-repeat: no-repeat;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-size: cover !important;
}

.content .banner .banner-main {
    position: relative;
    padding-top: 32px;
    box-sizing: border-box;
    height: 320px;
}

.content .banner .banner-main .banner-style {
    width: 1344px;
    height: 320px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transition: .5s left cubic-bezier(0.2, 0.0, 0.2, 1);
    margin-left: -65px;
}

.content .banner .banner-main .banner-title-wrapper {
    opacity: 0;
    /* width: 464px; */
    position: absolute;
    height: 280px;
    animation: bannerTextGO 1s cubic-bezier(0.2, 0.0, 0.2, 1) .5s forwards;
}

.content .MBA-banner .banner-title,
.content .city-banner .banner-title {
    position: absolute;
    top: 0;
    width: 100%;
}


.content .banner .banner-main .banner-style .banner-style-left {
    display: inline-block;
    width: 52.084%;
    height: 320px;
    animation: banner .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .banner .banner-main .banner-style .banner-style-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 10.4168%;
    height: 320px;
    animation: banner1 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .banner .banner-main .banner-style .banner-style-left .banner-color-left {
    width: 0;
    width: 100%\0;
    height: 320px;
    background-repeat: no-repeat;
    transform-origin: left;
    animation: width 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .banner .banner-main .banner-style .banner-style-right .banner-color-right {
    width: 0;
    width: 100%\0;
    height: 320px;
    background-repeat: no-repeat;
    background-size: 100%;
    transform-origin: left;
    animation: width1 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .banner .banner-main .banner-style .banner-style-left .banner-color-left.green-left {
    background-image: url(./../images/banner_green_left.png);
    background-size: 100% 100%;
}

.content .banner .banner-main .banner-style .banner-style-right .banner-color-right.green-right {
    background-image: url(./../images/banner_green_right.png);
    background-size: 100% 100%;
}

.content .banner .banner-main .banner-style .banner-style-left .banner-color-left.blue-left {
    background-image: url(./../images/banner_blue_left.png);
    background-size: 100% 100%;
}

.content .banner .banner-main .banner-style .banner-style-right .banner-color-right.blue-right {
    background-image: url(./../images/banner_blue_right.png);
    background-size: 100% 100%;
}

.content .banner .banner-main .banner-style .banner-style-left .banner-color-left.purple-left {
    background-image: url(./../images/banner_purple_left.png);
    background-size: 100% 100%;
}

.content .banner .banner-main .banner-style .banner-style-right .banner-color-right.purple-right {
    background-image: url(./../images/banner_purple_right.png);
    background-size: 100% 100%;
}

.content .banner .banner-main .banner-style .banner-style-left .banner-color-left.orange-left {
    background-image: url(./../images/banner_orange_left.png);
    background-size: 100% 100%;
}

.content .banner .banner-main .banner-style .banner-style-right .banner-color-right.orange-right {
    background-image: url(./../images/banner_orange_right.png);
    background-size: 100% 100%;
}

/* .content .banner .banner-main .banner-style img {
    display: block;
    width: 100%;
    height: 100%;
} */

.content .banner .banner-main .banner-title,
.content .banner .banner-main .banner-text,
.content .banner .banner-href,
.content .banner .banner-main .banner-city-title {
    position: relative;
    z-index: 1;
    color: #fff;
}

.content .banner .banner-main .banner-city-title {
    font-size: 48px;
    /* letter-spacing: 0.09px; */
    line-height: 48px;
    margin-top: 88px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
}

.content .banner.MBA-banner .banner-main .banner-title {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 44px;
    color: #FFFFFF;
    line-height: 64px;
    margin-top: 56px;
}

.content .banner .banner-main .banner-title {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 36px;
    line-height: 50px;
}

.content .banner .banner-main .banner-title.font-null {
    font-family: "SF Pro SC", "SF Pro Display", 'Segoe UI', SegoeUI, "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "segoe-ui_normal", sans-serif;
    font-weight: 600;
}

.content .banner .banner-main .banner-text {
    width: 464px;
    line-height: 24px;
    margin: 8px 0px 0px;
}

.content .banner .banner-href {
    opacity: 0;
    position: absolute;
    bottom: 32px;
    display: inline-block;
    padding-right: 14px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    animation: bannerTextGO 1s cubic-bezier(0.2, 0.0, 0.2, 1) .5s forwards;
    z-index: 2;
}

.content .banner .banner-href::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    background: url(./../images/side-w-right.png) no-repeat;
    background-size: 12px 12px;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .banner .banner-main .banner-href:hover::after {
    transform: translateX(6px);
}

.content .main .nav-ul-none,
.content .main .nav-ul {
    display: table;
    width: 100%;
    margin: 20px 0px 32px;
    border-bottom: 1px solid #E6E6E6;
}

.nav-scroll.nav-title {
    position: relative;
}

.content .main .nav-ul-none {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin-top: 0;
    z-index: -1;
    margin-bottom: 0;
}

.content .main .nav-ul.special {
    margin-top: 96px;
}

.main {
    position: relative;
}

.main .move-border {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    border-bottom: 1px solid #fec715;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), width .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.main .message-header.clear-top {
    margin-top: 0
}

.content .main .nav-ul-none .nav-list.active,
.content .main .nav-ul-none .more-list.active {
    color: #fec715;
    position: relative;
    z-index: 1;
}

/* .content .main .nav-ul .more-list.active,
.header-text,
.content .main .nav-ul .more-list.active,
.content .main .nav-ul .nav-list.active {
    color: #fec715;
    position: relative;
    z-index: 1;
} */
    /* color: #fec715;
} */

/* .content .main .header-text:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: -10px;
    left: 0;
    margin-top: 8px;
    background: #fec715;
} */



.content .main .recruit-wrap {
    padding-bottom: 32px;
}

.content .main .recruit-wrap.special {
    margin-bottom: 100px;
}

.content .main .recruit-wrap .recruit-list-wrapper:hover .recruit-title {
    color: #fec715;
}

.content .main .recruit-wrap .list {
    background: #FFFFFF;
    margin-bottom: 20px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    position: relative;
}

.content .main .recruit-wrap .list:hover {
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.05);
}

.content .main .recruit-wrap .list .recruit-title {
    font-size: 24px;
    /* letter-spacing: 0.12px; */
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .main .recruit-wrap .list .recruit-tips {
    font-size: 16px;
    margin: 8px 0px 23px;
}

.content .main .recruit-wrap .list .recruit-text {
    color: #808080;
    /* letter-spacing: 0.07px; */
    line-height: 24px;
    max-width: 535px;
}

.content .main .recruit-wrap .list .recruit-collection {
    position: absolute;
    right: 2.9%;
    top: 50%;
    margin-top: -28px;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    cursor: pointer;
    text-align: center;
    width: 60px;
    background-position: center top;
}

.recruit-wrap .recruit-share {
    position: absolute;
    right: 128px;
    top: 64px;
    width: 32px;
    height: 60px;
    z-index: 3;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    cursor: pointer;
}

.content-wrapper .recruit-share {
    float: left;
    position: relative;
    padding-top: 8px;
    top: 0;
    width: 32px;
    height: 32px;
    z-index: 3;
    cursor: pointer;
    min-width: 78px;
    margin-right: 20px;
}


.recruit-wrap .recruit-share .recruit-content,
.content-wrapper .recruit-share .recruit-content {
    position: relative;
    z-index: 1;
}

.content-wrapper .recruit-con {
    position: relative;
}

.content-wrapper .share,
.recruit-wrap .share {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/share-icon.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
}

.recruit-wrap .share-text {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-top: 8px;
}

.content-wrapper .share-list,
.recruit-wrap .share-list {
    position: absolute;
    left: 50%;
    width: 236px;
    height: 182px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
    transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    margin-left: -118px;
    background-color: #ffffff;
    padding: 16px;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: .35s cubic-bezier(0.2, 0, 0.2, 1) transform;
}

.content-wrapper .share-list {
    top: 46px;
}

.content-wrapper .share-list.show,
.recruit-wrap .share-list.show {
    transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}

.content-wrapper .share-list::after,
.recruit-wrap .share-list::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -13px;
    transform: translate(-50%, 0);
    width: 23px;
    height: 13px;
    background-image: url(../images/white-up.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.content-wrapper .recruit-share .share-list .link-text,
.recruit-wrap .recruit-share .share-list .link-text {
    font-size: 14px;
    color: #343434;
    line-height: 14px;
    margin-top: 24px;
}

.content-wrapper .recruit-share .share-list .link-ground .link,
.recruit-wrap .recruit-share .share-list .link-ground .link {
    display: inline-block;
    max-width: 120px;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 5px;
    border-bottom: 1px solid #808080;
    text-decoration: none;
    color: #7F7F7F;
}

.content-wrapper .recruit-share .share-list .link-ground .copy,
.recruit-wrap .recruit-share .share-list .link-ground .copy {
    float: right;
    font-size: 16px;
    color: #fec715;
    text-align: right;
    line-height: 16px;
    font-weight: 600;
    margin-top: 16px;
}

.content-wrapper .share-list .share-title,
.recruit-wrap .recruit-share .share-list .share-title {
    display: inline-block;
    font-size: 16px;
    color: #343434;
    line-height: 16px;
    font-weight: 600;
}

.content-wrapper .share-list .close-btn,
.recruit-wrap .recruit-share .share-list .close-btn {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(../images/close_icon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.content-wrapper .share-list .share-gound,
.recruit-wrap .recruit-share .share-list .share-gound {
    margin-top: 24px;
    height: 24px;
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    transition: .35s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transition: .35s cubic-bezier(0.2, 0, 0.2, 1);
}


.content-wrapper .share-list .share-gound .share-item,
.recruit-wrap .recruit-share .share-list .share-gound .share-item {
    float: left;
}

.content-wrapper .share-list .share-gound .share-item:not(:last-child),
.recruit-wrap .recruit-share .share-list .share-gound .share-item:not(:last-child) {
    margin-right: 12px;
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.qq,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.qq {
    background-image: url(../images/qq-normal.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.qq:hover,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.qq:hover {
    background-image: url(../images/qq-hover.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.wechat,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.wechat {
    position: relative;
    background-image: url(../images/wechat-normal.png);
    z-index: 1;
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.wechat:hover,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.wechat:hover {
    background-image: url(../images/wechat-hover.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.wechat .qrcode,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.wechat .qrcode {
    display: none;
    position: absolute;
    width: 120px;
    height: 120px;
    background-image: url(../images/share-qrcode.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.micro-blog,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.micro-blog {
    background-image: url(../images/micro-blog-normal.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.micro-blog:hover,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.micro-blog:hover {
    background-image: url(../images/micro-blog-hover.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.in,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.in {
    background-image: url(../images/linkedin-normal.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.in:hover,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.in:hover {
    background-image: url(../images/linkedin-hover.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.facebook,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.facebook {
    background-image: url(../images/facebook-normal.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.facebook:hover,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.facebook:hover {
    background-image: url(../images/facebook-hover.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.twitter,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.twitter {
    background-image: url(../images/twitter-normal.png);
}

.content-wrapper .recruit-share .share-list .share-gound .share-icon.twitter:hover,
.recruit-wrap .recruit-share .share-list .share-gound .share-icon.twitter:hover {
    background-image: url(../images/twitter-hover.png);
}

.share-list .qr-code {
    margin: 14px auto 0;
    width: 120px;
    height: 120px;
    background-image: url(../images/share-qrcode.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.content .main .recruit-wrap .recruit-collection:hover .icon-delete {
    background: url(./../images/delete-icon2x.png) no-repeat;
    background: url(../images/delete-icon.png) no-repeat\0;
    background-size: 32px 32px;
}

.content .main .recruit-wrap .list .recruit-collection .icon-collection {
    width: 24px;
    height: 32px;
    display: block;
    margin: 0 auto 8px;
    background: url(../images/rectangle-narmal2x.png) no-repeat;
    background: url(../images/rectangle-narmal.png) no-repeat\0;
    background-size: 24px 32px;
}

.content .main .recruit-wrap .list .recruit-collection.active .icon-collection {
    background: url(../images/rectangle2x.png) no-repeat;
    background: url(../images/rectangle.png) no-repeat\0;
    background-size: 24px 32px;
}

.content .main .recruit-wrap .list:hover .recruit-title {
    color: #fec715;
}

.content .main .recruit-wrap .recruit-list {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
    opacity: 1;
    margin-bottom: 16px;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    position: relative;
    min-height: 184px
}

.content .main .recruit-wrap .recruit-list-link {
    display: inline-block;
    padding: 2.5%;
    padding-top: 2.143%;
    width: 100%;
    box-sizing: border-box;
}

.content .main .recruit-wrap .recruit-list .recruit-title {
    font-size: 22px;
    line-height: 32px;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .main .recruit-wrap .recruit-list .recruit-tips {
    font-size: 16px;
    margin: 6px 0px 22px;
    line-height: 22px;
}

.content .main .recruit-wrap .recruit-list .recruit-text {
    width: 82.708%;
    color: #808080;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content .main .correlation-degree .recruit-wrap .recruit-list .recruit-text {
    width: 76.503%;
}

.content .main .recruit-wrap .recruit-list .recruit-collection {
    position: absolute;
    right: 2.9%;
    top: 50%;
    margin-top: -28px;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    /* letter-spacing: 0.08px; */
    cursor: pointer;
    text-align: center;
    width: 60px;
    background-position: center top;
}

.content .main .recruit-wrap .recruit-list .recruit-collection .icon-collection {
    position: relative;
    width: 24px;
    height: 32px;
    display: block;
    margin: 0 auto 8px;
    background: url(../images/rectangle-narmal2x.png) no-repeat;
    background-size: 24px 32px;
    overflow: hidden;
}


.content .main .recruit-wrap .recruit-list .recruit-collection .icon-collection::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 110%;
    background-color: #968c83;
    transform: rotate(8deg);
    transition: .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}


.content .main .recruit-wrap .recruit-list .recruit-collection.active .icon-collection::before {
    width: 100%;
}

.content .main .recruit-wrap .recruit-list .recruit-collection .icon-collection::after {
    content: "";
    position: absolute;
    left: 0;
    top: 26px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 6px solid white;
}

.content .main .recruit-wrap .recruit-list:hover {
    transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 8px 0 #d8d8d8\0;
}

.content .main .recruit-wrap .recruit-list:hover .recruit-title {
    color: #fec715;
}


.content .main .recruit-btn {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    font-size: 18px;
    color: #fec715;
    /* letter-spacing: 0.09px; */
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 #d8d8d8\0;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    text-align: center;
    line-height: 48px;
    height: 48px;
    margin: 0 auto 88px;
    padding: 0 24px;
    min-width: 208px;
    overflow: hidden;
    box-sizing: border-box;
}

.welfare-btn {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    font-size: 18px;
    color: #fec715;
    /* letter-spacing: 0.09px; */
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 #d8d8d8\0;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    text-align: center;
    line-height: 48px;
    height: 48px;
    margin: 48px auto 0;
    padding: 0 24px;
    min-width: 208px;
    overflow: hidden;
    box-sizing: border-box;
}

.content .main .index-btn {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #fec715;
  //  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  //  box-shadow: 0 2px 2px 0 #d8d8d8\0;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
 //   transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    text-align: center;
    line-height: 48px;
    height: 48px;
    margin: 0 auto 96px;
    padding: 0 24px;
    min-width: 208px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 30px;
}

.content .main .index-btn::after,
.content .load-more-wrapper .more-btn::after,
.content .main .welfare-btn::after,
.content .main .recruit-btn::after {
    content: "";
    position: absolute;
    left: -7px;
    top: -28px;
    height: 215%;
    width: 0%;
    transform: rotate(8deg);
    background-color: rgba(0, 0, 0, .05);
    transition: all 1s cubic-bezier(0.2, 0.0, 0.2, 1);
}

/* .content .main .index-btn:hover::after,
.content .load-more-wrapper .more-btn:hover::after,
.content .main .welfare-btn:hover::after,
.content .main .recruit-btn:hover::after {
    width: 105%;
    background-color: rgba(0, 0, 0, .2);
} */

/*
.welfare-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px 0 #d8d8d8\0;
} */
.content .load-more-wrapper .more-btn:hover {
    transform: translate(0, -4px);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);
}

.content .main .index-btn:hover,
.content .main .welfare-btn:hover,
.content .main .recruit-btn:hover {
    transform: translate(-50%, -4px);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);
}

.content .a-wrapper {
    margin-top: 32px;
    margin-bottom: 120px;
}

.content .a-li .a-box {
    margin-bottom: 0;
}

.content .a-li:first-child {
    margin-top: 0;
}

.content .a-li {
    margin-top: 48px;
}

.content .a-box {
    cursor: pointer;
    position: relative;
    height: 280px;
    width: 100%;
    background-position: center center !important;
    background-repeat: no-repeat;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-size: cover !important;
    margin-bottom: 96px;
    color: #ffffff;
    padding: 40px 48px 40px 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.content .a-box::after {
    content: '';
    position: absolute;
    top: -77px;
    left: -28px;
    width: 0;
    height: 155%;
    z-index: 0;
    background-color: rgba(0, 0, 0, .1);
    transform: rotate(8deg);
    transition: width 1s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .a-box:hover::after {
    width: 104%;
}

.content .a-box .a-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

/* .content .a-box.normal::after {
    animation: BGMoveBack 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
    -webkit-animation: BGMoveBack 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
} */

/* .content .a-box.hover::after {
    animation: BGMoveGo 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
    -webkit-animation: BGMoveGo 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
} */

.content .a-box .a-pop {
    padding: 0px 0px 20px;
    width: 604px;
    position: relative;
}

.content .a-box .a-text {
    position: relative;
    z-index: 2;
}

.content .a-box .a-text .text-title {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.50);
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 12px;
    font-weight: 600;
}

.content .a-box .a-text .text-p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
}

.content .a-box .a-href {
    position: absolute;
    z-index: 6;
    bottom: 40px;
    color: #FFFFFF;
    line-height: 16px;
    font-size: 16px;
    font-weight: 600;
}

.content .a-box .a-href:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(../images/arrow-right-w.png) no-repeat;
    background-size: cover;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .a-list.united-states .a-box .a-href:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    background: url(../images/arrow-w-right.png) no-repeat;
    background-size: cover;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .a-li.MBA .a-box .a-href:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    background: url(../images/arrow-w-right.png) no-repeat;
    background-size: cover;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .a-li.MBA .a-box .a-href:hover:after,
.content .a-list.united-states .a-box .a-href:hover:after {
    transform: translate(6px, 0);
}

.content .city-wrap {
    max-width: 1168px;
    min-width: 964px;
    margin: 0 auto 0;
}

.content .city-wrap .city-list {
    width: 45.89041095890411%;
    height: 320px;
    float: left;
    margin: 0px 2.054794520547945% 48px;
    background-position: center center !important;
    background-repeat: no-repeat;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-size: cover !important;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.content .city-wrap .city-list:hover .city-img {
    transform: scale(1.2) translateY(-54px);
}

.content .city-wrap .city-img {
    width: 100%;
    height: 320px;
    background-position: center center !important;
    background-repeat: no-repeat;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-size: cover !important;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list .city-num,
.content .city-wrap .city-list .city-name {
    position: relative;
    z-index: 2;
}

.content .city-wrap .city-list .city-num {
    position: absolute;
    top: 0;
    font-size: 16px;
    padding-top: 32px;
    margin-bottom: 20px;
    padding-left: 40px;
}

.content .city-wrap .city-list .city-name {
    position: absolute;
    top: 0;
    margin-top: 66px;
    font-size: 28px;
    line-height: 28px;
    padding-left: 40px;
    font-weight: 600;
}

.content .city-wrap .city-list .city-href {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    transform-origin: top;
    padding-left: 40px;
    height: 80px;
    line-height: 80px;
}

.content .city-wrap .city-list .city-href .href-list {
    display: inline-block;
    position: relative;
    margin-right: 25px;
    padding-right: 14px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

.content .city-wrap .city-list .city-href .href-list:hover {
    color: #fbd457;
}

.content .city-wrap .city-list:hover .city-href .href-list::after {
    background: url(../images/side-b-right.png) no-repeat;
    background-size: 12px 12px;
}

.content .city-wrap .city-list .city-href .href-list:hover::after {
    transform: translateX(6px);
    background: url(../images/side-right-hover.png) no-repeat;
    background-size: 12px 12px;
}

.content .city-wrap .city-list .city-href .href-list:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    background: url(../images/side-w-right.png) no-repeat;
    background-size: 12px 12px;
    background-position: right center;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1), .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list .city-box-pop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.12;
    filter: alpha(opacity=12);
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 80px;
    transform: translate(0, 80px);
    background-color: #ffffff;
    transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list:hover::after {
    transform: translate(0, 0px);
}

.content .city-wrap .city-list:hover .city-href {
    color: #fec715;
}

.content .city-wrap .city-list:hover .city-box-pop {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.content .swiper-wrap {
    background-color: #999999;
}

.footer-seat {
    height: 284px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 284px;
    background: #e9e9e9;
}

.footer .follow-tencent {
    display: table;
    width: 100%;
    margin: 20px 0;
}

.footer .follow-tencent .follow-tag {
    display: inline-block;
    margin-right: 32px;
    font-size: 18px;
    font-weight: bold;
}

.footer .follow-tencent .follow-list {
    display: inline-block;
}

.footer .follow-tencent .follow-list .follow-li {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    background-size: 24px 24px;
    transition: .3s background cubic-bezier(0.2, 0.0, 0.2, 1);
    cursor: pointer;
}

.footer .follow-tencent .follow-list .follow-li .code-img {
    opacity: 0;
    position: absolute;
    top: -162px;
    left: -68px;
    width: 160px;
    height: 160px;
    background-image: url(./../images/QR-code.png);
    background-size: 160px 160px;
    z-index: -1;
}

.footer .follow-tencent .follow-list .follow-li:hover .code-img {
    opacity: 1;
    z-index: 1;
    transition: .5s opacity cubic-bezier(0.2, 0.0, 0.2, 1);
}

.footer .follow-tencent .follow-list .follow-li.wechat {
    background-image: url(./../images/social-wechat.png);
    background-repeat: no-repeat;
}

.footer .follow-tencent .follow-list .follow-li.linkedin {
    background-image: url(./../images/social-linkedin.png);
    background-repeat: no-repeat;
}

.footer .follow-tencent .follow-list .follow-li.yutube {
    background-image: url(./../images/social_yutube.png);
    background-repeat: no-repeat;
}

.footer .follow-tencent .follow-list .follow-li.yutube:hover {
    background-image: url(./../images/youtube-default2x.png);
    background-repeat: no-repeat;
}

.footer .follow-tencent .follow-list .follow-li.wechat:hover {
    background-image: url(./../images/wechat-default2x.png);
}

.footer .follow-tencent .follow-list .follow-li.linkedin:hover {
    background-image: url(./../images/in-default2x.png);
}


.footer .footer-main {
    border-top: 1px #D8D8D8 solid;
    border-bottom: 1px #D8D8D8 solid;
    display: table;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 8px;
}

.footer .footer-main .footer-tips {
    width: 190px;
    float: left;
}

.footer .footer-main .footer-tips li {
    color: #000;
    line-height: 14px;
    margin-bottom: 16px;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.footer .footer-main .footer-tips li:hover a {
    color: #fec715;
}

.footer .footer-main .footer-tips .tips-title {
    color: #000;
    font-size: 16px;
    /* letter-spacing: 0.18px; */
    line-height: 16px;
    margin-bottom: 24px;
}

.footer .footer-main .footer-switch {
    float: right;
    position: relative;
}

.footer .footer-main .footer-switch .logo-black {
    margin-bottom: 17px;
}

.footer .footer-main .footer-switch .language-choice {
    opacity: 0\0;
    position: absolute;
    width: 160px;
    right: 0;
    margin-top: -123px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.30);
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .2s cubic-bezier(.165, .84, .44, 1);
    transition: .2s cubic-bezier(.165, .84, .44, 1);
}

.footer .footer-main .footer-switch .language-choice.active {
    opacity: 1\0;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.footer .footer-main .footer-switch .language-choice .list {
    width: 160px;
    font-size: 14px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 14px;
    background-color: white;
    padding: 0 16px;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
    box-sizing: border-box;
}

.footer .footer-main .footer-switch .language-choice .list:hover {
    background-color: #E6E6E6;
}

.footer .footer-main .footer-switch .language-choice .list a {
    text-align: left;
    width: 100%;
    display: block;
    padding: 16px 0;
    box-sizing: border-box;
}

.footer .footer-main .footer-switch .switch-language {
    position: relative;
    float: right;
}

.footer .footer-main .footer-switch .switch-language .language-arrow-down {
    position: absolute;
    right: 0;
    top: 8px;
    width: 14px;
    height: 14px;
    background: url(../images/arrow-b-bottom.png) no-repeat;
    background-size: 14px;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.footer .footer-main .footer-switch .switch-language .language-txt {
    line-height: 30px;
    cursor: pointer;
    padding-right: 16px;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
    background: url(../images/arrow-b-bottom.png) no-repeat;
    background-position: right center;
    background-size: 14px;
}

.footer .footer-main .footer-switch .switch-language .language-txt.active,
.footer .footer-main .footer-switch .switch-language .language-txt:hover {
    color: #fec715;
    background-size: 14px;
    background: url(../images/arrow-l-bottom.png) no-repeat;
    background-position: right center;
    background-size: 14px;
}


.footer .footer-copyright {
    padding: 17px 0px 25px;
    /* letter-spacing: 0.16px; */
}

.logo-black {
    width: 229px;
    height: 57px;
    background: url(../images/logo-footer.png) no-repeat;
    background-size: 100% 100%;
}

.children-menu {
    display: none;
    position: absolute;
    left: 50%;
    width: 160px;
    margin-left: -80px;
    top: 100%;
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 6px 0 #d8d8d8\0;
    border: #E6E6E6 1px solid\0;
    transform-origin: top;
    -webkit-transform-origin: top;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    z-index: 1;
}

.header .login .user-info .user-arrow.normal,
.children-menu.normal {
    animation: dropDown .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: dropDown .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.header .login .user-info .user-arrow.hover,
.children-menu.hover {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) .3s forwards;
    -webkit-animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) .3s forwards;
}

.children-menu .pop-arrow {
    position: absolute;
    width: 26px;
    height: 12px;
    display: block;
    top: -12px;
    left: 50%;
    margin-left: -13px;
    display: none\0;
}

.children-menu .pop-arrow-ie {
    position: absolute;
    width: 26px;
    height: 12px;
    display: block;
    top: -12px;
    left: 50%;
    margin-left: -13px;
    display: block\0;
}

.children-menu .children-menu-list {
    padding: 0 10px;
    position: relative;
    background-color: #ffffff;
    /* letter-spacing: 0.03px; */
}

.children-menu .login-out-li {
    border-top: 1px solid #eeeeee;
    background-color: #F6F6F6;
}

.children-menu .children-menu-list:hover {
    background-color: #E6E6E6;
    -webkit-transition: all 0.5s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.children-menu .children-menu-list a {
    width: 100%;
    display: block;
    line-height: 20px;
    padding: 13px 0px;
    /* border-top: 1px solid #E6E6E6; */
    cursor: pointer;
}

.children-menu .children-menu-list .login-out.no-bor {
    border-top: none;
}

.children-menu .children-menu-list .icon-arrow-r {
    display: block;
    position: absolute;
    right: 10px;
    top: 17px;
    width: 12px;
    height: 12px;
}

.slider .slider-prev .icon-arrow,
.slider .slider-next .icon-arrow {
    background-size: 28px;
}

.slider .slider-pagination li {
    background: url(../images/slide.png) no-repeat;
    background-size: 14px;
}

.slider .slider-pagination li.on {
    background: url(../images/slide-active.png) no-repeat;
    background-size: 14px;
}


.max-center {
    max-width: 1120px;
    min-width: 964px;
    padding: 0 20px;
    margin: 0 auto;
}

.nav-content-more .nav-content-list,
.nav-content .nav-content-list {
    display: none;
}

.nav-content-more .nav-content-list.list-height,
.nav-content .nav-content-list.list-height {
    min-height: 70vh;
}

.nav-content-list.brace-height {
    min-height: 100vh;
}


.content .banner .welfare .banner-main {
    padding-top: 56px;
}

.content .banner .banner-main.special {
    padding-top: 56px;
}



.welfare .banner-title {
    line-height: 55px;
}

.content .banner .welfare .banner-href {
    display: none;
}

.life-li {
    margin-bottom: 144px;
}

.life-custom {
    position: relative;
    display: inline-block;
    width: 47.8251%;
}

.life-custom.active {
    margin-right: 3.87137%;
}

.life-custom .life-text {
    height: 536px;
}

.welf-text-wrapper {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding-right: 24px;
    width: 100%;
    box-sizing: border-box;
}

.text-one {
    position: relative;
    display: table;
    width: 100%;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 22px;
    color: #343434;
    /* letter-spacing: 0.04px; */
    cursor: pointer;
    height: 134px;
    line-height: 134px;
    box-sizing: border-box;
    /* font-weight: 600; */
}

.text-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 536px;
    height: 134px;
    padding-left: 24px;
}

.box-title {
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 22px;
    /* letter-spacing: 0.04px; */
    line-height: 22px;
    font-weight: 600;
}

.box-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 14px;
    /* letter-spacing: 0.03px; */
    line-height: 22px;
    opacity: 0;
    position: absolute;
    transform: translateY(20px);
    width: 113.5%;
    /* font-weight: 600; */
}

.text-one::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 134px;
    z-index: 0;
    transition: .5s width cubic-bezier(0.2, 0, 0.2, 1);
}

.text-one.active::before {
    width: 100%;
}

.text-one.active:nth-child(2n-1)::before {
    background: #fec715;
}

.text-one.active:nth-child(2n)::before {
    background: #ff671f;
}


.text-one.active .box-title {
    color: white;
    padding-bottom: 12px;
    transform: translate(20px, 0);
}

.text-one.active .box-text {
    width: 100%;
    opacity: 1;
    position: static;
    color: white;
    transform: translate(20px, 0);
    transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
}

.study .text-wrapper,
.text-wrapper .text-wrapper,
.family .text-wrapper,
.welfare .text-wrapper {
    background: #fec715;
}


/*伪类部分*/

.life-bg {
    position: relative;
    width: 100%;
    height: 536px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0 0 56px;
    /*padding-bottom: 70.57% */
    box-sizing: border-box;
    background-position: center center;
    overflow: hidden;
}

.life-li.active .life-bg::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.life-li.active {
    animation: welfareTranslate 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.life-li.study.active .life-bg::after {
    background-color: #968C83;
    animation: bgTranslateRight 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.healthy.active .life-bg::after {
    background-color: #937F6D;
    animation: bgTranslateLeft 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.activity.active .life-bg::after {
    background-color: #38555B;
    animation: bgTranslateRight 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.family.active .life-bg::after {
    background-color: #123951;
    animation: bgTranslateLeft 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.enjoy.active .life-bg::after {
    background-color: #7F7666;
    animation: bgTranslateRight 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.sociology.active .life-bg::after {
    background-color: #793214;
    animation: bgTranslateLeft 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.healthy .decorate-one {
    width: 67.21%;
    padding-bottom: 67.21%;
    top: 0;
    right: -14.936%;
    transform: translate(-71.09%, 0%);
    background-color: #F8DACB;
    z-index: 1;
}

.activity .decorate-one {
    width: 89.614%;
    padding-bottom: 89.614%;
    left: -14.936%;
    top: 0;
    z-index: 1;
    transform: translate(28.25%, 0%);
}

.family .decorate-one {
    width: 82.147%;
    padding-bottom: 82.147%;
    right: -14.936%;
    transform: translate(-40%, 0);
    top: 0;
    z-index: 1;
}

.family .decorate-two {
    width: 29.872%;
    padding-bottom: 11.95%;
    left: 0;
    bottom: 0;
    animation: squareMove4-two 1s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.enjoy .decorate-one {
    width: 59.742%;
    padding-bottom: 59.742%;
    bottom: 0;
    left: -14.936%;
    transform: translate(92.4%, 0);
    z-index: 1;
    animation: squareMove5 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.sociology .decorate-one {
    width: 89.615%;
    padding-bottom: 89.615%;
    right: -14.936%;
    top: -14.9%;
    z-index: 1;
    transform: translate(-28.34%, 28.5%);
    box-sizing: border-box;
}


.study .decorate-one {
    width: 74.678%;
    padding-bottom: 74.678%;
    left: -14.936%;
    transform: translate(53.9%, 0);
    bottom: 0;
    z-index: 1;
}

.sociology .decorate-two {
    width: 29.872%;
    padding-bottom: 29.872%;
    /* left: -29.872%; */
    left: 0;
    bottom: 0px;
}

.sociology .decorate-three {
    position: absolute;
    width: 14.936%;
    padding-bottom: 29.872%;
    right: 0;
    bottom: 0px;
    background: #f8dacb;
}

.healthy.active .decorate-one {
    animation: squareMove2 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.activity.active .decorate-one {
    animation: squareMove3 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.family.active .decorate-one {
    animation: squareMove4 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.family.active .decorate-two {
    animation: squareMove4-two 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.enjoy.active .decorate-one {
    animation: squareMove5 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.sociology.active .decorate-one {
    animation: squareMove6 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.sociology.active .decorate-two {
    animation: squareMove6-one 1s cubic-bezier(0.4, 0.0, 0.2, 1) 2s forwards;
}

.sociology.active .decorate-three {
    animation: squareMove6-two 1s cubic-bezier(0.4, 0.0, 0.2, 1) 2s forwards;
}

.study.active .decorate-one {
    animation: squareMove1 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.healthy .life-bg {
    background-image: url(./../images/luke-porter.jpg);
}

.enjoy .life-bg {
    background-image: url(./../images/derek-thomson-2.jpg);
}

.study .life-bg {
    background-image: url(./../images/derek-thomson-3.jpg);
}

.family .life-bg {
    background-image: url(./../images/derek-thomson-4.jpg);
}

.activity .life-bg {
    background-image: url(./../images/derek-thomson-5.jpg);
}

.welfare .life-bg {
    background-image: url(./../images/derek-thomson-6.jpg);
}

.underline:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #D8D8D8;
    z-index: -10;
}

.healthy .primary-wrapper .primary-title,
.enjoy .primary-wrapper .primary-title,
.study .primary-wrapper .primary-title,
.family .primary-wrapper .primary-title,
.activity .primary-wrapper .primary-title,
.sociology .primary-wrapper .primary-title {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 36px;
    color: #FFFFFF;
    /* letter-spacing: 0.07px; */
    line-height: 48px;
    max-width: 412px;
}

.healthy .primary-wrapper .primary-text,
.enjoy .primary-wrapper .primary-text,
.study .primary-wrapper .primary-text,
.family .primary-wrapper .primary-text,
.activity .primary-wrapper .primary-text,
.sociology .primary-wrapper .primary-text {
    width: 83.33%;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.03px; */
    line-height: 28px;
    margin-top: 10px;
}


.life-move-bg {
    position: absolute;
    height: 134px;
    width: 100%;
    background: #fec715;
    top: 0;
    left: 0;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1), .2s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.life-move-bg.odd {
    background-color: #fec715;
}

.life-move-bg.even {
    background-color: #FF671F;
}

.decorate-one {
    position: absolute;
    background: #c5d5f0;
}

.decorate-two {
    position: absolute;
    background: #f8dacb;
    z-index: -2;
}

.text-show {
    display: block;
}

.content .main .job-list {
    position: relative;
    float: left;
    width: 47.3%;
    height: 128px;
    margin: 0 1.33%;
    margin-bottom: 32px;
    background-color: white;
    padding: 20px 24px 24px 24px;
    box-sizing: border-box;
    background-size: contain;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), color .5s cubic-bezier(0.2, 0.0, 0.2, 1), box-shadow .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.content .main .job-icon1{
    background: url("../images/gn.png") #fff  95% 50% no-repeat  ;
}
.content .main .job-icon2{
    background: url("../images/hw.png") #fff  95% 50% no-repeat  ;
}
.content .main .job-list .job-box {
    display: inline-block;
    width: 80.265%;
}


.content .main .job-list .job-list-link {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.content .main .job-list:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.10);
}

.content .main .job-list:hover .job-classification {
    color: #fec715;
}
.content .main  .job-zw{
    line-height: 18px;
}

.content .main .job-text {
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.08px; */
    line-height: 16px;
}

.content .main .job-classification {
    font-size: 22px;
    color: #323232;
    line-height: 32px;
    font-weight: 600;
}

.content .main .job-href {
    position: absolute;
    width: 80px;
    bottom: 23px;
    font-size: 16px;
    color: #fec715;
    line-height: 18px;
    font-weight: 600;
}

.content .main .job-href::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-image: url(./../images/side-b-right.png);
    background-size: 12px 12px;
    background-position: center;
    background-repeat: no-repeat;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .main .job-href:hover {
    color: #fbd457;
}

.content .main .job-href:hover::after {
    transform: translateX(6px);
    background-image: url(./../images/side-right-hover.png);
    background-size: 12px 12px;
}

.content .main .job-list .job-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 24px;
    top: 20px;
    background-size: contain;
}

.content .job-padding {
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 1168px;
    min-width: 964px;
    margin: 0 auto 68px;
    margin-bottom: 64px;
}

.content .process .tab-process-list {
    width: 100%;
    height: 104px;
    background: #00A9CE;
    text-align: center;
    padding-bottom: 30px;
    box-sizing: border-box;
}

.content .process .tab-process-list .swiper-container {
    height: 104px;
}

.content .process .tab-process-list .swiper-container .swiper-slide {
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .process .tab-process-list .tab-process-item {
    position: relative;
    text-align: center;
}

.content .process .border-bottom {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0 auto;
    width: 68.78%;
}

.content .process .border-bottom img {
    width: 100%;
}

.content .process-bg-0 {
    width: 100%;
    padding-bottom: 21.43%;
    background-size: contain;
    box-sizing: border-box;
}

.content .process-bg-1 {
    width: 100%;
    height: 240px;
}

.content .process-bg-2 {
    width: 100%;
    height: 240px;
}

.content .process .tab-process-bg {
    position: relative;
    float: left;
    height: 104px;
    line-height: 104px;
    width: 33.3%;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.content .explain-list {
    margin-bottom: 120px;
}

.content .explain-title-wrapper {
    position: relative;
}

.content .explain-title {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    color: #343434;
    line-height: 32px;
    z-index: 2;
    font-weight: 600;
}

.animation-circle-add {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #333333;
    border-radius: 50%;
    top: 1px;
    right: 0;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
    z-index: -1;
}

.animation-circle-add .circle-vertical {
    position: absolute;
    right: 5px;
    top: 9px;
    width: 10px;
    height: 2px;
    background-color: #333333;
    z-index: 1;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.animation-circle-add .circle-transverse {
    position: absolute;
    right: 9px;
    top: 5px;
    width: 2px;
    height: 10px;
    background-color: #333333;
    transition: .5s all;
}

.animation-circle-add.normal .circle-vertical {
    animation: rotateVerticalBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.animation-circle-add.active {
    border: 2px solid #fec715;
}

.animation-circle-add.active .circle-vertical {
    background: #fec715;
    animation: rotateTransverseGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.animation-circle-add.normal .circle-transverse {
    animation: rotateTransverseBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;

}

.animation-circle-add.active .circle-transverse {
    animation: rotateVerticalGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}





.content .explain-title.active {
    font-size: 22px;
    color: #fec715;
    line-height: 32px;
    background-size: 24px 24px;
    background-position: right center;
    font-weight: 600;
}

.process-explain .process {
    position: relative;
}

.process-explain .process .tab-process-img {
    position: relative;
    height: 104px;
}

.process-explain .process .tab-process-img img {
    width: 100%;
    height: 104px;
}

.content .explain-li {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #D8D8D8;
}

.content .explain-li .explain-text-wrapper {
    display: none;
    max-width: 960px;
    margin-top: 8px;
}

.content .explain-li .explain-text-wrapper p {
    font-size: 16px;
    color: #343434;
    line-height: 28px;
}

.content .explain-li .explain-remarks {
    margin-top: 40px;
}

.content .process .tab-process-item.active .tab-process-li {
    animation: opacity .3s linear forwards;
}

.content .process .tab-process-item.active .border-bottom {
    animation: opacity .3s linear forwards;
}

.content .process .tab-process-item .tab-process-li {
    position: relative;
    display: inline-block;
    width: 32.6%;
    height: 104px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
}

.content .process .four-module .tab-process-li {
    width: 22%;
}

.content .process .tab-process-li p {
    position: absolute;
    bottom: 64px;
    width: 100%;
    word-break: break-all;
}

.tab-process-list-img {
    position: absolute;
    width: 25px;
    height: 30px;
    left: 47%;
    bottom: -18px;
    background-color: #00A9CE;
    z-index: 2;
}

.content .main .process .tab-process-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 104px;
    width: 100%;
}

.content .main .process .tab-process-move {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 47px;
    height: 32px;
    background: url(./../images/gound-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s left cubic-bezier(0.2, 0.0, 0.2, 1);
}

.icon-1 {
    background: url(./../images/category-1.png) no-repeat center;
}

.icon-2 {
    background: url(./../images/category-2.png) no-repeat center;
}

.icon-3 {
    background: url(./../images/category-3.png) no-repeat center;
}

.icon-4 {
    background: url(./../images/category-4.png) no-repeat center;
}

.icon-5 {
    background: url(./../images/category-5.png) no-repeat center;
}

.icon-6 {
    background: url(./../images/category-6.png) no-repeat center;
}

.icon-7 {
    background: url(./../images/category-7.png) no-repeat center;
}

.icon-8 {
    background: url(./../images/category-8.png) no-repeat center;
}

.icon-9 {
    background: url(./../images/category-9.png) no-repeat center;
}

.icon-10 {
    background: url(./../images/category-10.png) no-repeat center;
}

.icon-11 {
    background: url(./../images/category-11.png) no-repeat center;
}

.content .login-wrapper {
    margin: 0 auto;
    width: 480px;

}

.content .login-wrapper .login {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-color: white;
    margin-top: -80px;
    padding: 32px 0 23px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content .login-wrapper .login-title .title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 36px;
    color: #333333;
    /* letter-spacing: -0.1px; */
    line-height: 48px;
    padding-left: 40px;
    font-weight: 600;
}

.content .login-wrapper .login-title .title-text {
    margin-top: 12px;
    margin-bottom: 32px;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    padding-left: 40px;
}

.content .login-wrapper .login-way {
    padding: 16px 40px 0;
    border-top: 1px solid #D8D8D8;
}

.content .login-wrapper .situation-way {
    padding-right: 24px;
    height: 14px;
    box-sizing: border-box;
}


.content .login-wrapper .login-way .login {
    margin-top: 16px;
    cursor: pointer;
}

.content .login-wrapper .login-way .login-text {
    font-size: 20px;
    color: #FFFFFF;
    /* letter-spacing: 0.1px; */
    line-height: 40px;
    padding-left: 88px;
}

.content .login-wrapper .login-way .login-mode {
    cursor: pointer;
    padding: 8px 0;
    margin: 16px 0;
    transition: .5s background cubic-bezier(0.2, 0, 0.2, 1);
}

.content .login-wrapper .login-way .tencent-login {
    background: url(./../images/tencentx2.png) no-repeat;
    background-position: 38px;
    background-size: 28px 32px;
    background-color: #12B8F5;
}

.content .login-wrapper .login-way .wechat-login {
    background: url(./../images/wechatx2.png) no-repeat;
    background-position: 38px;
    background-size: 36px 29px;
    background-color: #06D30A;
}

.content .login-wrapper .login-way .in-login {
    background: url(./../images/social-linkedin2x.png) no-repeat;
    background-position: 38px;
    background-size: 34px 34px;
    background-color: #0073B0;
}

.content .login-wrapper .login-way .facebook-login {
    background: url(./../images/social-fb2x.png) no-repeat;
    background-position: 38px;
    background-size: 34px 34px;
    background-color: #3664A3;
}

.content .login-wrapper .login-way .google-login {
    background: url(./../images/social-TW-copy-12x.png) no-repeat;
    background-position: 38px;
    background-size: 34px 35px;
    background-color: #E43F2A;
}

.content .login-wrapper .login-way .tencent-login:hover {
    background-color: #10a6dd;
}

.content .login-wrapper .login-way .wechat-login:hover {
    background-color: #05c109;
}

.content .login-wrapper .login-way .in-login:hover {
    background-color: #00679e;
}

.content .login-wrapper .login-way .facebook-login:hover {
    background-color: #2f5890;
}

.content .login-wrapper .login-way .google-login:hover {
    background-color: #cd3825;
}

.content .content-wrapper .resume-title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 36px;
    color: #333333;
    /* letter-spacing: 0.08px; */
    line-height: 48px;
    font-weight: 600;
}


.content .content-wrapper .resume-content {
    float: left;
    width: 71.429%;
    padding-top: 40px;
    margin-right: 3.572%;
    margin-bottom: 120px;
}

.content .content-wrapper .recruit-content {
    float: left;
    width: 71.429%;
    padding-top: 40px;
    margin-right: 3.572%;
}

.content .resume-wrapper {
    position: relative;
}

.content .content-wrapper .resume-content .resume-bor {
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D8D8;
}

.content .content-wrapper .resume-content .resume-text-wrapper {
    margin-top: 16px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D8D8;
}

.content .content-wrapper .resume-content .resume-document-wrapper {
    margin-bottom: 64px;
}

.content .content-wrapper .binding-link {
    /* float: left;
    display: block; */
    color: #fec715;
    font-size: 24px;
    line-height: 24px;
    vertical-align: baseline;
}

.content .content-wrapper .resume-text {
    float: left;
    font-size: 24px;
    color: #333333;
    line-height: 24px;
}

.content .content-wrapper .content-right-1 {
    position: static;
    width: 272px;
    cursor: pointer;
    float: right;
}

.content .content-wrapper .content-right {
    position: static;
    width: 272px;
    cursor: pointer;
    float: right;
    transition: .3s margin cubic-bezier(0.2, 0.0, 0.2, 1), .3s transform cubic-bezier(0.2, 0.0, 0.2, 1);
    margin-top: 40px;
}

.content .content-wrapper .resume-operation {
    position: static;
    width: 272px;
    cursor: pointer;
    float: right;
    transform: translateY(-80px);
    margin-top: 120px;
    transition: .3s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-operation.fixed {
    position: fixed;
    margin-top: 40px;
}


.content .content-wrapper .resume-operation.affix-up {
    transform: translateY(0px);
}

.content .content-wrapper .resume-operation.affix-down {
    transform: translateY(-80px)
}


.content .content-wrapper .default-btn-1,
.content .content-wrapper .content-right .default-btn,
.content .content-wrapper .resume-operation .default-btn {
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    box-sizing: border-box;
    margin-bottom: 16px;
    background: #fec715;
    color: white;
    -webkit-transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .default-btn-1,
.content .content-wrapper .content-right .default-btn {
    margin-bottom: 0;
}

.content .content-wrapper .resume-operation .default-btn.establish-cancel {
    background: #F7F7F7;
    color: #333333;
    border: 1px solid #D9D9D9;
}

.content .content-wrapper .resume-operation .default-btn.establish-cancel:hover {
    background: #D9D9D9;
    border: 1px solid #C2C2C2;
    color: #262626;
}

.content .content-wrapper .default-btn:hover {
    background: #0041AD;
}

.content .content-wrapper .resume-modify .cancel-btn {
    margin-top: 16px;
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
}

.content .content-wrapper .resume-content .upload {
    width: 100%;
    background: #F7F7F7;
    box-sizing: border-box;
    text-align: center;
}

.content .content-wrapper .resume-content .drag {
    width: 100%;
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    margin-top: 40px;
    box-sizing: border-box;
    text-align: center;
}

.content .content-wrapper .resume-content .drag-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    margin-top: 16px;
    margin-bottom: 32px;
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .drag-text.red-text {
    color: #E53535;
}

.content .content-wrapper .resume-content .drag-text.error-message {
    max-width: 600px;
    color: #E53535;
    margin-bottom: 79px;
    margin: 16px auto 79px;
}

.content .content-wrapper .resume-content .drag-text.success-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 24px;
    color: #fec715;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .tips {
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    margin-bottom: 31px;
}

.content .content-wrapper .resume-content .upload-content .cancel-btn,
.content .content-wrapper .resume-content .drag .retry-btn,
.content .content-wrapper .resume-content .drag .cancel-btn {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #fec715;
    /* letter-spacing: 0.03px; */
    line-height: 20px;
    margin-bottom: 27px;
    -webkit-transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .upload-content .cancel-btn:hover,
.content .content-wrapper .resume-content .drag .retry-btn:hover,
.content .content-wrapper .resume-content .drag .cancel-btn:hover {
    color: #0041AD;
}

.content .content-wrapper .resume-content .file-icon {
    background: url(./../images/resume-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .upload-icon {
    background: url(./../images/upload-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .file {
    margin: 0 auto;
    width: 52px;
    height: 56px;
    margin-top: 55px;
    background-size: 52px 56px;
}

.content .content-wrapper .resume-content .cancel-icon {
    background: url(./../images/cancel-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .fail-icon {
    background: url(./../images/error-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .success-icon {
    background: url(./../images/success-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .icon {
    margin: 0 auto;
    width: 56px;
    height: 56px;
    margin-top: 55px;
    background-size: 56px 56px;
}

.content .content-wrapper .resume-content .bar {
    height: 8px;
    background: #F7F7F7;
}

.content .content-wrapper .resume-content .success-bar {
    width: 72%;
    height: 8px;
    background: #fec715;
}

.content .content-wrapper .resume-content .error-bar {
    width: 72%;
    height: 8px;
    background: #E53535;
}

.content .content-wrapper .resume-content .drag .drag-remarks {
    margin: 0 auto;
    font-size: 14px;
    color: #999999;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    /* margin-bottom: 32px; */
    word-wrap: break-word;
}

.content .content-wrapper .resume-content .drag .drag-remarks.short {
    width: 87.085%;
    margin-bottom: 4px;
}

.content .content-wrapper .resume-content .drag .drag-remarks.long {
    width: 87.085%;
    margin-bottom: 12px;
}

.content .content-wrapper .resume-content .upload .upload-remarks {
    font-size: 14px;
    color: #999999;
    /* letter-spacing: 0.03px; */
    line-height: 14px;
    margin-bottom: 32px;
    word-wrap: break-word;
}

.content .content-wrapper .resume-content .choice .personal-file {
    margin: 0 auto;
    width: 94%;
    height: 192px;
    background-color: #FFF;
}

.content .content-wrapper .resume-content .personal-file .file-icon {
    display: inline-block;
    margin-top: 48px;
    width: 52px;
    height: 56px;
    background-size: cover;
}

/*
.content .content-wrapper .resume-content .choice .upload-module {
    background: #FFFFFF;
    border-top: 1px solid #D9D9D9;
    padding-left: 20px;
    box-sizing: border-box;
} */

.content .content-wrapper .resume-content .upload-module .btn {
    float: left;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    padding: 19px 12px 19px 12px;
    cursor: pointer;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .upload-module .btn:hover {
    color: #fec715;
}

.content .content-wrapper .resume-content .upload-module {
    padding-left: 20px;
    background-color: white;
    border-top: 1px solid #D9D9D9;
}

.content .content-wrapper .resume-content .personal-file .personal-file-title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    margin-top: 16px;
    margin-bottom: 39px;
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .upload-module .delete:hover {
    color: #E53535;
}

.content .content-wrapper .resume-content .upload .upload-text {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    margin-top: 40px;
}

.content .content-wrapper .resume-content .drag .drag-title {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    padding-top: 40px;
}

.content .content-wrapper .resume-content .upload .upload-btn {
    cursor: pointer;
    display: inline-block;
    padding: 0 63px;
    margin-top: 24px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fec715;
    /* letter-spacing: 0.09px; */
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    margin-bottom: 46px;
    box-sizing: border-box;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .drag .drag-btn {
    cursor: pointer;
    display: inline-block;
    padding: 0 18px;
    margin-top: 16px;
    margin-bottom: 32px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fec715;
    /* letter-spacing: 0.09px; */
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .upload .upload-btn:hover,
.content .content-wrapper .resume-content .drag .drag-btn:hover {
    color: #F7F7F7;
    background: #D9D9D9;
    border: 1px solid #C2C2C2;
    color: #262626;
}

.content .content-wrapper .resume-content .work-experience,
.content .content-wrapper .resume-content .education-wrapper {
    margin-bottom: 64px;
}

.content .content-wrapper .resume-content .contact-information {
    margin-top: 64px;
}

.content .content-wrapper .resume-content .information {
    margin-bottom: 64px;
}

.content .content-wrapper .resume-content .contact-choice.special {
    margin-top: 48px;
}

.content .content-wrapper .resume-content .last-information {
    margin-top: 64px;
}

.content .content-wrapper .resume-content .title {
    display: inline-block;
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    margin-bottom: 32px;
}

.content .content-wrapper .resume-content .title-text {
    display: inline-block;
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    margin-right: 8px;
}

.content .content-wrapper .resume-content .attachment-module {
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    text-align: center;
}

.content .content-wrapper .resume-content .attachment-module.enclosure {
    background: white;
}

.content .content-wrapper .resume-content .attachment-module .file-icon {
    margin: 0 auto;
    margin-top: 40px;
    width: 52px;
    height: 56px;
    background-size: cover;
}

.content .content-wrapper .resume-content .attachment-module .title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    margin: 16px 0;
    font-weight: 600;
}

.content .content-wrapper .resume-content .attachment-module .attachment-text {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.50);
    /* letter-spacing: 0.02px; */
    line-height: 12px;
    margin-bottom: 19px;
}

.content .content-wrapper .resume-content .attachment-module .attachment-icon {
    background-image: url(./../images/upload-icon2x.png);
    background-repeat: no-repeat;
}

.content .content-wrapper .resume-content .attachment-module .attachment-title {
    display: inline-block;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 28px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .attachment-module .attachment-tips {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.50);
    /* letter-spacing: 0.02px; */
    line-height: 12px;
    margin-bottom: 48px;
}

.content .content-wrapper .resume-content .remove-module {
    height: 16px;
}

.content .content-wrapper .resume-content .remove-btn {
    float: right;
    font-size: 16px;
    color: #E53535;
    /* letter-spacing: 0.03px; */
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .remove-btn:hover {
    color: #A32424
}

.content .content-wrapper .resume-content .enclosure-module {
    position: relative;
    display: inline-block;
    width: 31.75%;
    padding-bottom: 24.75%;
    box-sizing: border-box;
    background-size: cover;
}

/* .video {
    background: url(./../images/video.jpg) no-repeat;
}

.resume {
    background: url(./../images/resume.jpg) no-repeat;
    margin: 0 1.744%
}

.report {
    background: url(./../images/report.jpg) no-repeat;
} */

.content .content-wrapper .resume-content .enclosure-module img {
    display: block;
    width: 100%
}

.content .content-wrapper .resume-content .enclosure-module .shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0 24px 0;
    background: url(./../images/shadow2x.png) no-repeat;
    background-size: cover;
}

.content .content-wrapper .resume-content .enclosure-module .shadow-bg {
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20);
    background: #000000;
    width: 100%;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .file-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    padding-left: 20%;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
    font-weight: 600;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .mp4 {
    background: url(./../images/camera2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 10% center;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .jpg {
    background: url(./../images/photo2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 10% center;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .ppt {
    background: url(./../images/file2x.png) no-repeat;
    background-size: 18px 18px;
    background-position: 10% center;
}

.content .content-wrapper .resume-content .text-length {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #7F7F7F;
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.03px; */
    text-align: center;
    line-height: 22px;
}

.content .content-wrapper .resume-content .school {
    position: relative;
}

.content .content-wrapper .resume-content .text {
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    margin-bottom: 8px;
}

.content .content-wrapper .resume-content .blue {
    font-size: 14px;
    color: #fec715;
    line-height: 14px;
}

.content .content-wrapper .resume-content .error-msg {
    display: none;
    margin-left: 8px;
    font-size: 14px;
    color: #E53535;
    line-height: 14px;
}

.content .content-wrapper .resume-content .error-text {
    display: none;
    margin-left: 8px;
    font-size: 14px;
    color: #E53535;
    line-height: 14px;
}

.test-border {
    border: 1px solid #D9D9D9;
}

.test-border.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .explain-text {
    font-size: 14px;
    color: #7E7E7E;
    line-height: 14px;
    margin-left: 8px;
}

.content .content-wrapper .resume-content .input {
    width: 100%;
    height: 40px;
    border: 1px solid #D9D9D9;
    padding: 8px 0 8px 16px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .input-select-ul {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 241px;
    height: auto;
    z-index: 1;
    background: white;
    border: 1px solid #D9D9D9;
    border-top: none;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .resume-content .input-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .input-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .input-select-li {
    cursor: pointer;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 15px;
    padding: 16px 0;
    border-bottom: 1px solid #E6E6E6;
    padding-left: 15px;
    box-sizing: border-box;
}

.content .content-wrapper .resume-content .input-select-li:hover {
    background-color: #EAEAEA;
}

.content .content-wrapper .resume-content .input.active {
    border: 1px solid #fec715;
}

.content .content-wrapper .resume-content .error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .work-describe .describe-input {
    width: 100%;
    height: 144px;
    border: 1px solid #D9D9D9;
    resize: none;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    padding: 7px 16px 0;
    box-sizing: border-box;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .work-describe .describe-input.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .work-describe .describe-input.active {
    border: 1px solid #fec715;
}

.content .content-wrapper .resume-module {
    margin-bottom: 16px;
}

.content .content-wrapper .dividing-line {
    margin: 32px 0;
    border-top: 1px dashed #D8D8D8;
}

.content .content-wrapper .first-new-module {
    margin-top: 32px;
}

.content .content-wrapper .resume-module-left {
    margin-right: 1.33%;
}

.content .content-wrapper .resume-module-right {
    position: relative;
    width: 49%;
    display: inline-block;
}

.content .content-wrapper .resume-content .telephone .telephone-select-wrapper {
    width: 49%;
}


.content .content-wrapper .resume-content .telephone .telephone-select {
    position: relative;
    width: 41.026%;
    float: left;
}

.content .content-wrapper .resume-content .telephone .telephone-select .small-select-ul {
    width: 100%;
}

.content .content-wrapper .resume-content .input-select-icon {
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 9.95%;
    top: 50%;
    transform: translate(0, -50%);
    background: url(./../images/arrow-b-bottom.png);
    background-size: 12px 12px;
    background-position: 96% center;
    z-index: 5;
}

.content .content-wrapper .resume-content .telephone-select .telephone-region {
    position: relative;
    top: -1px;
    left: -1px;
    padding: 8px 20% 8px 10%;
    width: 100%;
    background: #FFFFFF;
    height: 42px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
    font-size: 16px;
}

.content .content-wrapper .resume-content .telephone .splicing-input.active,
.content .content-wrapper .resume-content .telephone-select .telephone-region.active {
    z-index: 2;
    border: 1px solid #fec715;
}

.content .content-wrapper .resume-content .telephone .small-select-ul {
    top: 40px;
}

.content .content-wrapper .resume-content .telephone-1 {
    position: relative;
    height: 40px;
}

.content .content-wrapper .resume-content .telephone .select-left {
    /* width: 11.938%; */
    padding: 8px 2.924% 8px 1.992%;
}



.content .content-wrapper .resume-content .resume-module-left,
.content .content-wrapper .resume-content .resume-module-right {
    position: relative;
    width: 49%;
    display: inline-block;
}

.content .content-wrapper .small-select-ul {
    display: none;
    position: absolute;
    width: 102%;
    max-height: 242px;
    height: auto;
    left: -1px;
    top: -1px;
    z-index: 1;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .resume-content .small-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .small-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}


.content .content-wrapper .select {
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 11px 0 11px 4.084%;
    border: 1px solid #D9D9D9;
    padding-right: 8%;
    background-color: #F7F7F7;
    box-sizing: border-box;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

.content .content-wrapper .select.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .country-select .country-input.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .select-ul li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .select-ul {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 242px;
    height: auto;
    top: 23px;
    z-index: 6;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    overflow-x: hidden;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .select-ul .select-li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .small-select-li.active,
.content .content-wrapper .resume-content .splicing-select-li.active,
.content .content-wrapper .select-ul .select-li.active {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .select::-webkit-scrollbar {
    display: none;
}

.select-down-icon {
    background: url(./../images/arrow-b-bottom.png) no-repeat;
    background: url(./../images/select-small-down.png) no-repeat\0;
    background-size: 12px 12px;
    background-position: 96% center;
}

.short-down-icon {
    background: url(./../images/arrow-b-bottom.png) no-repeat;
    background: url(./../images/select-small-down.png) no-repeat\0;
    background-size: 12px 12px;
    background-position: 88% center;
}

.splicing-down-icon {
    background: url(./../images/arrow-b-bottom.png) no-repeat;
    background: url(./../images/select-small-down.png) no-repeat\0;
    background-size: 12px 12px;
    background-position: 94.8% center;
}

.content .content-wrapper .resume-content .shadow-menu-icon {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 25px;
    height: 25px;
    background: url(./../images/select-menu2x.png) no-repeat;
    background: url(./../images/select-menu.png) no-repeat\0;
    background-size: 22px 6px;
    background-position: center;
    cursor: pointer;
}

.content .content-wrapper .resume-content .shadow-menu {
    display: none;
    position: absolute;
    top: 8%;
    right: 5%;
    width: 68%;
    background: #fff;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content .content-wrapper .resume-content .shadow-menu li {
    width: 100%;
    font-size: 14px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 14px;
    padding: 0 16px;
    box-sizing: border-box;
}

.content .content-wrapper .resume-content .shadow-menu li.remove {
    border-top: 1px solid #e6e6e6;
    background: #FAFAFA;
    color: red;
}

.content .content-wrapper .resume-content .shadow-menu li:hover {
    background: #e6e6e6;
}

.content .content-wrapper .resume-content .shadow-menu li a {
    display: block;
    padding: 16px 0;
}

.content .content-wrapper .resume-content .shadow-menu .shadow-menu li:hover .shadow-text {
    border: none;
}

.content .content-wrapper .resume-content .shadow-menu .remove:hover .remove-text {
    border: none;
    color: red;
}

.content .content-wrapper .resume-content .input-short {
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 8px 0 8px 4.084%;
    font-size: 16px;
    color: #333333;
    box-sizing: border-box;
    height: 40px;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .select-right.error,
/* .content .content-wrapper .resume-content .telephone .splicing-input.error, */
.content .content-wrapper .resume-content .input-short.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .input-short.active {
    border: 1px solid #fec715;
}

.content .content-wrapper .resume-content .select-left {
    float: left;
    width: 100%;
    padding: 8px 0 8px 16.76%;
    font-size: 16px;
    color: #333;
    background-color: #F7F7F7;
    box-sizing: border-box;
    line-height: 22px;
    padding-right: 6%;
    /* border-right: 0; */
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


.content .content-wrapper .resume-content .select-left.special {
    border: 1px solid #D9D9D9;
    border-right: none;
}

.content .content-wrapper .resume-content .select-ul li {
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 11px 0 11px 3%;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 26px;
    cursor: pointer;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .select-small-ul {
    display: none;
    position: absolute;
    width: 24.49%;
    max-height: 386px;
    height: auto;
    top: 23px;
    z-index: 1;
    line-height: 22px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

.content .content-wrapper .resume-content .small-select-li {
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 13px 0 13px 17.03%;
    line-height: 22px;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.content .content-wrapper .resume-content .small-select-li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .select-right {
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 8px 0 8px 5.435%;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    border-left: 1px solid #D9D9D9;
    background-color: #F7F7F7;
    box-sizing: border-box;
    padding-right: 8%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

.content .content-wrapper .resume-content .splicing-select-ul {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 242px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    top: -1px;
    left: -1px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    z-index: 1;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .resume-content .splicing-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .splicing-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .splicing-select-li {
    cursor: pointer;
    width: 100%;
    padding: 13px 0 13px 5.425%;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 22px;
    box-sizing: border-box;
    background-color: #FFF;
}

.content .content-wrapper .resume-content .splicing-select-li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .telephone .splicing-input {
    position: absolute;
    left: -2px;
    top: -1px;
    padding: 8px 20px 8px 6.972%;
    width: 101.6%;
    font-size: 16px;
    color: #333333;
    height: 42px;
    box-sizing: border-box;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
    border: 1px solid #D9D9D9;
    /* margin-left: -1px; */
}

/* .content .content-wrapper .resume-content .telephone .splicing-input.active {
    border: 1px solid #fec715;
} */

.content .content-wrapper .resume-content .work-experience .checkbox-text {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    margin-bottom: 24px;
    padding-left: 28px;
    background: url(./../images/Rectangle-22x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 0;
    cursor: pointer;
    margin-top: 8px;
    transition: background .4s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .work-experience .checkbox-text.active {
    background: url(./../images/Checkbox_selected2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 0;
}

.content .content-wrapper .add-text {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #fec715;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    padding-left: 22px;
    background: url(./../images/add-icon2x.png) no-repeat;
    background-size: 13px 13px;
    background-position: 0;
    margin-top: 24px;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .add-text:hover {
    color: #00368F;
    background: url(./../images/add-icon-hover2x.png) no-repeat;
    background-size: 13px 13px;
    background-position: 0;
}

.content-wrapper .resume-content .message-wrapper {
    width: 100%;
    margin-bottom: 16px;
    padding: 24px 24px 24px 24px;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content-wrapper .resume-content .message-wrapper .message-content {
    margin-top: 24px;
}

.content-wrapper .resume-content .message-wrapper .first-item {
    margin-top: 0;
}

.content-wrapper .resume-content .message-wrapper .title-text {
    font-size: 14px;
    color: #808080;
    line-height: 14px;
}

.content-wrapper .resume-content .message-wrapper .main-text {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-top: 16px;
}

.content-wrapper .resume-content .message-wrapper .main-text.bold-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-weight: 600;
}

.content-wrapper .resume-content .message-wrapper .sketch {
    word-wrap: break-word;
    text-align: justify;
    line-height: 26px;
    margin-top: 7px;
}

.content .search-sidebar .sidebar-title {
    font-size: 22px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 22px;
}

.content .search-sidebar .option-wrapper {
    margin-top: 24px;
    padding: 0 24px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content .search-sidebar .option-wrapper .option-item {
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 20px;
    padding: 24px 0;
    border-bottom: 1px solid #D8D8D8;
}

/* .content .search-sidebar .option-wrapper .item-text.active .open-btn {
    background: url(./../images/reduce2x.png) no-repeat\0;
    background-position: right center;
    background-size: 12px 2px;

} */

.content .search-sidebar .option-wrapper .item-text {
    position: relative;
    cursor: pointer;
}

.content .search-sidebar .option-wrapper .item-text .open-btn {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0;
    top: 4px;
}

.content .search-sidebar .option-wrapper .item-text .vertical-btn {
    position: absolute;
    right: 5px;
    top: 0px;
    width: 2px;
    height: 12px;
    background-color: #323232;
}

.content .search-sidebar .option-wrapper .item-text.active .vertical-btn {
    display: none\0;
}

.content .search-sidebar .option-wrapper .item-text .transverse-btn {
    position: absolute;
    right: 0px;
    top: 5px;
    width: 12px;
    height: 2px;
    background-color: #323232;
}

.content .search-sidebar .option-wrapper .item-text.nomarl .transverse-btn {
    animation: rotateTransverseBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-text.active .transverse-btn {
    animation: rotateTransverseGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-text.nomarl .vertical-btn {
    animation: rotateVerticalBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-text.active .vertical-btn {
    animation: rotateVerticalGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-ul {
    display: none;
    margin-top: 20px;
}

.content .search-sidebar .option-wrapper .classification {
    margin-bottom: 14px;
}

.content .search-sidebar .option-wrapper .item-li-box {
    margin-top: 14px;
}

.content .search-sidebar .option-wrapper .second-menu .item-li-box {
    margin-top: 8px;
}

.content .search-sidebar .option-wrapper .item-li-box:first-child {
    margin-top: 0;
}

.content .search-sidebar .option-wrapper .item-li-box .checkbox-content {
    display: inline-block;
}

.content .search-sidebar .option-wrapper .item-li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 20px;
    padding-left: 28px;
    box-sizing: border-box;
    cursor: pointer;
}

.content .search-sidebar .option-wrapper .item-li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    display: block;
    background: url(./../images/Rectangle-22x.png) no-repeat;
    background-size: 100% 100%;
    transition: background .4s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar .option-wrapper .item-li.active::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(./../images/Checkbox_selected2x.png) no-repeat;
    background-size: 100% 100%;
}

.content .search-sidebar .option-wrapper .item-li-box.first {
    margin-top: 10px;
}

/* .content .search-sidebar .option-wrapper .item-li.active {
    background: url(./../images/Checkbox_selected2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: left center;
} */

.content .search-sidebar .option-wrapper .item-link {
    display: block;
}

.content .search-sidebar .option-wrapper .last {
    border: none;
}

.content .search-sidebar {
    display: inline-block;
    width: 25.715%;
    margin-right: 2.75%;
    margin-top: 32px;
    transition: .3s margin cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar.affix-down {
    margin-top: -32px;
}

.content .search-sidebar.affix-up {
    margin-top: 32px;
}

.content .search-content {
    float: right;
    width: 71.429%;
    margin-top: 32px;
    margin-bottom: 120px;
    min-height: 80vh;
}

.content .search-content .recruit-wrap .recruit-list-link {
    padding-top: 3%;
    padding-left: 3.5%;
    padding-bottom: 3.5%;
    padding-right: 5%;
}

.content .search-content .search-list {
    position: relative;
    float: left;
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    margin-left: 24px;
    cursor: pointer;
}

.content .search-content .new {
    display: inline-block;
    font-size: 22px;
    color: #333333;
    line-height: 22px;
}

.content .search-content .search-list.first {
    margin: 0;
}

.content .search-content .search-list.active {
    font-size: 22px;
    color: #000000;
    /* letter-spacing: 0.04px; */
    line-height: 22px;
    cursor: pointer;
}

.content .search-content .search-list.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #fec715;
    top: 100%;
    left: 0;
    margin-top: 1px;
}

.content .search-content .search-nav {
    margin-bottom: 24px;
}

.content .search-content .label-wrapper {
    position: relative;
    min-height: 56px;
}

.content .search-content .label-wrapper.hidden {
    height: 56px;
    overflow: hidden;
}

.content .search-content .label-wrapper .btn {
    cursor: pointer;
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fec715;
    /* letter-spacing: 0.03px; */
    margin-left: 2%;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-content .label-wrapper .btn:hover {
    color: #fbd457;
}

.content .search-content .label-wrapper .label {
    width: 85.328%;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-content .label-wrapper .label-item {
    position: relative;
    display: inline-block;
    padding: 0 5.86% 0px 2.3%;
    margin-right: 1.7%;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    margin-bottom: 16px;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-content .label-wrapper .label-link {
    display: block;
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    padding: 11px 0;
}

.content .search-content .search-number {
    float: right;
}

.content .search-content .search-number .search-page,
.content .search-content .search-number .search-count {
    float: left;
    font-size: 16px;
    color: #818181;
    /* letter-spacing: 0.03px; */
    line-height: 22px;
}

.content .search-sidebar .option-wrapper .item-ul .item-city {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    padding: 9px 0;
    border-bottom: 1px solid #D8D8D8;
}

.content .search-sidebar .option-wrapper .current-selection .item-link.search {
    width: 100%;
    font-size: 16px;
    color: #333333;
    border: 1px solid #333333;
    padding: 9px 0 9px 16px;
    line-height: 20px;
    box-sizing: border-box;
    padding-right: 33%;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

/* .content .search-sidebar .option-wrapper .current-selection .search-input:after {
    content: "";
    display: block;
    position: absolute;
    right: .4%;
    top: 2px;
    width: 7%;
    height: 36px;
    background-color: #FFF;
    z-index: 1;
} */

.content .search-sidebar .option-wrapper .tips {
    display: none;
    font-size: 12px;
    color: #808080;
    line-height: 20px;
}

.content .search-sidebar .option-wrapper .tips.active {
    display: block;
}

.content .search-sidebar .option-wrapper .current-selection .item-link.active {
    border: 1px solid #fec715;
}

.content .search-sidebar .option-wrapper .current-selection .city-selection {
    max-height: 280px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.content .search-sidebar .option-wrapper .current-selection {
    margin-top: 20px;
    display: none;
}


/* .content .search-sidebar .option-wrapper .item-ul{
  display: none;
} */

.content .search-sidebar .option-wrapper .current-selection .search-input {
    position: relative;
}

.content .search-sidebar .option-wrapper .current-selection .search-cancel-icon {
    display: none;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 14.5px;
    right: 21%;
    background: url(../images/cancel2x.png) no-repeat;
    background-size: 13px 13px;
    cursor: pointer;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar .option-wrapper .current-selection .search-icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 7%;
    cursor: pointer;
    background: url(../images/search.png) no-repeat;
    background-size: 20px 20px;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar .option-wrapper .current-selection .search-icon:hover {
    background: url(../images/search-blue.png) no-repeat;
    background-size: 20px 20px;
}

.content .search-sidebar .option-wrapper .current-selection .search-cancel-icon:hover {
    background: url(../images/cancel2x-hover.png) no-repeat;
    background-size: 13px 13px;
}

/* .content .search-sidebar .option-wrapper .current-selection .city-selection::-webkit-scrollbar{
  width: 4px;
  height: 4px;
}
.content .search-sidebar .option-wrapper .current-selection .city-selection::-webkit-scrollbar-thumb{
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #D8D8D8;
} */

.content .search-sidebar .option-wrapper .item-li .classification {
    display: block
}

.content .search-sidebar .option-wrapper .classification-item {
    padding-left: 28px;
    margin-top: 10px;
}

.content .main .recruit-margin {
    margin-top: 4px;
    padding: 0;
}

.content .content-wrapper .recruit-content .recruit-title .work-title {
    float: left;
    max-width: 590px;
    font-size: 36px;
    color: #333333;
    line-height: 44px;
    margin-right: 4%;
    font-weight: 600;
}

.content .content-wrapper .recruit-content .recruit-title .work-collection-wrapper {
    position: relative;
    top: 0;
    min-width: 80px;
    padding-top: 8px;
}

.content .content-wrapper .recruit-content .work-collection {
    position: relative;
    cursor: pointer;
    width: 24px;
    height: 32px;
    display: inline-block;
    background: url(../images/rectangle-narmal2x.png) no-repeat;
    background-size: 24px 32px;
    /* margin-left: 28px; */
    overflow: hidden;
}

.content .content-wrapper .recruit-content .work-collection::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 110%;
    background-color: #968c83;
    transform: rotate(8deg);
}



.content .content-wrapper .recruit-content .work-collection.normal::before {
    animation: collectionBack .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
    -webkit-animation: collectionBack .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .content-wrapper .recruit-content .work-collection.active::before {
    animation: collectionGo .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
    -webkit-animation: collectionGo .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .content-wrapper .recruit-content .work-collection::after {
    content: "";
    position: absolute;
    left: 0;
    top: 26px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 6px solid #f7f7f7;

}

.content-wrapper .share-text,
.content .content-wrapper .recruit-content .recruit-title .work-text {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-left: 4px;
}

.content .content-wrapper .recruit-content .work-wrapper {
    margin-top: 16px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
}

.content .content-wrapper .recruit-content .recruit-tips {
    font-size: 24px;
    color: #333333;
    line-height: 24px;
}

.content .content-wrapper .recruit-content .work-message {
    display: inline-block;
    width: 48%;
    border-bottom: 1px solid #D8D8D8;
    margin-top: 16px;
    margin-right: 3.4%;
}

.content .content-wrapper .recruit-content .work-message .work-title {
    font-size: 14px;
    color: #7F7F7F;
    /* letter-spacing: 0.03px; */
    line-height: 14px;
}

.content .content-wrapper .recruit-content .work-message .work-text {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.03px; */
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 4px;
}

.content .content-wrapper .recruit-content .work-module {
    margin-top: 40px;
}

.content .content-wrapper .recruit-content .work-module .duty-title {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
}

.content .content-wrapper .recruit-content .work-module .duty-text {
    margin-top: 16px;
}

.content .content-wrapper .recruit-content .requirement.work-module {
    margin-top: 40px;
}

.content .content-wrapper .recruit-content .work-module .duty-text .explain-item {
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 28px;
}

.content .module {
    display: inline-block;
}

.content .binding-wrapper,
.content .login-wrapper,
.content .apply-wrapper {
    position: relative;
    height: 100vh;
}

.content .apply {
    /* padding-top: 64px;
    height: 100vh */
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -80px;
}

.content .module .apply-text {
    font-size: 24px;
    color: #333333;
    line-height: 24px;
}

.content .apply-left {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.content .module .check-title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 56px;
    color: #333333;
    /* letter-spacing: 0.11px; */
    line-height: 56px;
    margin-top: 16px;
    font-weight: 600;
    max-width: 480px;
}

.content .module .check-btn {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    /* letter-spacing: 0.04px; */
    margin-top: 72px;
    cursor: pointer;
    box-sizing: border-box;
    background: #fec715;
    color: white;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
    padding: 0 30px;
}

.content .module .check-btn:hover {
    background: #0041AD;
}

.content .apply-right {
    position: relative;
    float: right;
    width: 48.572%;
}

.content .apply-right .apply-resume .resume-img {
    width: 100%;
    /* padding-bottom: 88.236%; */
    height: 480px;
    background: url(./../images/resume-1.jpg) no-repeat;
    background-size: cover;
}

.content .apply-right .apply-resume .shadow-left {
    position: absolute;
    top: 0;
    left: -9.66%;
    width: 9.66%;
    padding-bottom: 35.295%;
    background: url(./../images/shadow-left.png) no-repeat;
    background-size: cover;
}

.content .apply-right .apply-resume .shadow-right {
    position: absolute;
    right: -9.66%;
    bottom: -9.66%;
    width: 88.236%;
    padding-bottom: 35.295%;
    background: url(./../images/shadow-right.png) no-repeat;
    background-size: cover;
    z-index: -3;
}

.content .content-wrapper .content-center {
    margin: 0 auto 96px auto;
    float: none;
}

.content .main .page-number {
    float: right;
    margin-top: 4px;
    background: white;
}

.content .main .page-number .prev,
.content .main .page-number .next,  {
    cursor: pointer;
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.08px; */
    display: inline-block;
    height: 18px;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}


.content .main .page-number .prev:hover, {
    background: url(./../images/arrow-left-black.png) no-repeat;
    background-position: center;
    background-color: #FFFFFF;
    background-size: 12px 12px;
}

.content .main .page-number .prev.disabled:hover {
    background: url(./../images/arrow-left-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.content .main .page-number .next.disabled:hover {
    background: url(./../images/arrow-right-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
    padding: 7px 12px;
}

.content .main .page-number .next:hover {
    background: url(./../images/arrow-l-right.png) no-repeat;
    background-position: center;
    background-color: #FFFFFF;
    background-size: 12px 12px;
}

.content .main .page-number .prev {
    background: url(./../images/arrow-left-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
    padding: 7px 13.5px;
    float: left;
    margin-right: 0 2px;
}

.content .main .page-number .next {
    background: url(./../images/arrow-right-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
    padding: 7px 13.5px;
    float: left;
    margin-left: 2px;
}

/* .content .main .page-number .page-list {
    display: inline-block;
} */

.content .main .page-number .pagination li {
    cursor: pointer;
    float: left;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    color: #343434;
    /* letter-spacing: 0.08px; */
    padding: 3px 4px;
    margin: 4px 2px;
    transition: .2s all cubic-bezier(0.2, 0.0, 0.2, 1);
    font-weight: 600;
}

.content .main .page-number .pagination li span {
    display: inline-block;
    min-width: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}

.content .main .page-number .pagination li .active {
    background: #fec715;
    color: #FFF;
}

.content .main .page-number .pagination li:hover {
    background: #fec715;
    color: #FFF;
}

/* 新增代码 用户绑定部分 */
.content .binding-wrapper {
    width: 480px;
    margin: 0 auto;
}

.content .binding-box {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);

    width: 480px;
    margin: -80px auto 0;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content .binding-box-header {
    padding: 32px 40px;
    border-bottom: 1px solid #D8D8D8;
}

.content .binding-box-header .binding-title {
    font-size: 36px;
    color: #333333;
    /* letter-spacing: 0.08px; */
    line-height: 48px;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-weight: 600;
}

.content .binding-box-header p {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-top: 12px;
}

.content .binding-box-content {
    padding: 32px 40px 24px;
}

.content .binding-label-font {
    font-size: 14px;
    color: #333333;
    line-height: 14px;
}

.content .binding-label-font span {
    color: #fec715;
}

.content .binding-mail-box {
    position: relative;
}

.content .binding-mail-input {
    width: 375px;
    height: 18px;
    border: 1px solid #D9D9D9;
    margin-top: 8px;
    margin-bottom: 16px;
    padding: 10px 11px;
    margin-right: 8px;
    font-size: 16px;
    color: #333333;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .binding-mail-input.active {
    border: 1px solid #fec715
}

.content .binding-send-btn {
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 16px;
    top: 8px;
    opacity: 0.87;
    filter: alpha(opacity=87);
    font-size: 16px;
    cursor: pointer;
    color: #7E7E7E;
    box-sizing: border-box;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .binding-send-btn:hover {
    color: #fbd457;
}

.content .binding-code-box {
    margin-top: 8px;
}

.content .binding-code-box:after {
    content: '';
    display: block;
    clear: both;
}

.content .binding-code-box .binding-code-input {
    width: 59px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #D9D9D9;
    margin-right: 6px;
    float: left;
    font-size: 16px;
    color: #333333;
    text-align: center;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .binding-code-box .binding-code-input.active {
    border: 1px solid #fec715;
}

.content .binding-code-box .binding-code-input.clear-margin-right {
    margin-right: 0;
}

.content .binding-box-footer {
    padding: 0 40px 40px 40px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
}

.content .binding-box-footer .binding-validation-msg {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}

.content .binding-box-footer .binding-validation-msg.active {
    font-size: 16px;
    color: #fec715;
    line-height: 16px;
}


/*-----------------------------------------------*/


/* 新增代码 收藏岗位部分 */
.content .applications-box,
.content .save-job-box {
    padding: 40px 0;
    color: #333333;
}

.content .applications-box h1,
.content .save-job-box h1 {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 36px;
    /* letter-spacing: 0.08px; */
    line-height: 48px;
    margin-bottom: 16px;
    font-weight: 600;
}

.content .applications-box p,
.content .save-job-box p {
    font-size: 24px;
    line-height: 24px;
}

.content .main .recruit-wrap .recruit-collection .icon-delete {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 8px;
    background: url(../images/delete2x.png) no-repeat;
    background: url(../images/delete.png) no-repeat\0;
    background-size: 32px 32px;
    transition: .3s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .main .recruit-wrap .recruit-list.disabled {
    color: #808080;
}

.content .main .recruit-wrap .recruit-list.disabled:hover .recruit-title {
    color: #808080;
    cursor: text;
}

.content .nav-content .empty-line {
    width: 100%;
    height: 1px;
    border-top: 1px solid #D8D8D8;
    display: none;
}

.content .nav-content .empty-line.block {
    display: block;
}

.content .main .nav-ul .more-list.active,
.content .main .nav-ul .nav-list.active {
  color: #fec715;
  position: relative;
  z-index: 1;
}

.header-text,
.content .main .nav-ul-none .nav-list.active,
.content .main .nav-ul-none .more-list.active {
  color: #fec715;
}


/*-----------------------------------------------*/


/* 新增代码 我的申请部分 */

.content .recruit-list.border-left {
    box-sizing: border-box;
    border-left: 4px solid #fec715;
}

.content .main .recruit-wrap .recruit-list .recruit-accept {
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -10px;
    font-size: 20px;
    line-height: 20px;
    color: #808080;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
}

.content .main .recruit-wrap .recruit-list .recruit-view {
    display: inline-block;
    color: #808080;
    max-width: 535px;
    padding-left: 2.85%;
    margin-bottom: 32px;
}

.content .main .recruit-wrap .recruit-list .recruit-view a {
    display: inline-block;
    font-size: 16px;
    color: #fec715;
    margin-right: 32px;
    font-weight: 600;
}

.cookie-box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
    padding-left: 32px;
    box-sizing: border-box;
    animation: cookieMove .5s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.cookie-box .prompt {
    padding: 12px 0;
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    width: 85%;
    box-sizing: border-box;
}

.cookie-box .prompt a {
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 3px;
}

.cookie-box .cookie-btn {
    float: right;
    width: 96px;
    height: 100%;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    background: #fec715;
    color: #FFFFFF;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.cookie-box .cookie-btn:hover {
    background: #0041AD;
}

.cookie-box .cookie-mask {
    position: relative;
}



.content .search-content .label-wrapper .label-item:hover {
    border: 1px solid #fec715;
}

.content .search-content .label-wrapper .label-item:hover {
    border: 1px solid #fec715;
}

.content .search-content .label-wrapper .label-item span.close-btn {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(./../images/cancel2x.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -5.5px;
    z-index: 2;
    cursor: pointer;
}

.content-container {
    position: relative;
}

.header .header-search .icon-search img {
    width: 21px;
    height: 21px;
    display: block;
}

.content .container-left {
    display: inline-block;
    position: absolute;
    top: 8px;
}

.content .container-left.fixed {
    position: fixed;
    top: 40px;
}

.container-left .icon {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-bottom: 24px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.container-left .wechat-icon {
    background-image: url(./../images/wechat-default2x.png);
}

.container-left .qq-icon {
    background-image: url(./../images/qq-default2x.png);
}

.container-left .in-icon {
    background-image: url(./../images/in-default2x.png);
}

.container-left .fb-icon {
    background-image: url(./../images/facebook-default2x.png);
}

.container-left .gg-icon {
    background-image: url(./../images/google-default2x.png);
}


.container-right .container-story .story-text {
    font-size: 20px;
    color: #333333;
    line-height: 34px;
    margin-top: 50px;
}

.policy-container {
    width: 85.715%;
}

.policy-container .policy-explain {
    padding-bottom: 64px;
}

.policy-container .policy-headline {
    font-size: 36px;
    color: #333333;
    line-height: 48px;
    margin-top: 40px;
    margin-bottom: 4px;
    font-weight: 600;
}

.policy-container .policy-explain .policy-text {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    margin-top: 26px;
}

.policy-list .explain-item .inline-text .ten-email,
.policy-container .policy-explain .ten-email {
    vertical-align: baseline;
    font-size: 16px;
    color: #fec715;
    line-height: 28px;
    text-decoration: underline;
    word-break: break-word;
    word-wrap: break-word;
}

.policy-list .explain-item .inline-text .ten-email {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
}

.policy-container .policy-explain .policy-text.special {
    margin-top: 0;
}

.policy-list {
    border-top: 1px solid #D8D8D8;
}

.policy-list .explain-item .policy-message {
    display: none;
    width: 85.715%
}

.policy-list .explain-item {
    padding: 36px 0;
    border-bottom: 1px solid #D8D8D8;
}

.policy-list .explain-item .policy-title-wrapper {
    position: relative;
}

.policy-list .explain-item .policy-title-wrapper .animation-circle-add.active {
    border: 2px solid #323232;
}

.policy-list .explain-item .policy-title-wrapper .animation-circle-add.active .circle-vertical {
    background: #343434;
}

.policy-list .explain-item .policy-title {
    cursor: pointer;
    font-size: 26px;
    color: #333333;
    line-height: 26px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: 600;
}

.policy-list .explain-item .secondary-headlines {
    font-size: 20px;
    color: #343434;
    line-height: 28px;
    margin-top: 24px;
}

.policy-list .explain-item .text-box {
    padding-left: 24px;
    margin-top: 12px;
}

.policy-list .explain-item .text-box.special {
    padding-left: 48px;
}

.policy-list .explain-item .text-box.special-clear {
    padding: 0;
    margin-top: 24px;
}

.policy-list .explain-item .text-box .bold-text {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #343434;
    line-height: 26px;
    font-weight: 600;
}

.policy-list .explain-item .text-box .black-circle::before {
    content: "";
    position: absolute;
    top: 9px;
    left: -24px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #343434;
}

.policy-list .explain-item .text-box .white-circle::before {
    content: "";
    position: absolute;
    top: 9px;
    left: -24px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #343434;
}

.policy-list .explain-item .text-box .Information-text,
.policy-list .explain-item .inline-text {
    position: relative;
    font-size: 16px;
    color: #161616;
    line-height: 26px;
}

.policy-list .explain-item .text-box .Information-text {
    display: inline-block;
}

.policy-message .table {
    border-collapse: collapse;
    margin-top: 12px;
}

.policy-message .table .table-th,
.policy-message .table .table-td {
    font-size: 16px;
    color: #343434;
    line-height: 26px;
    border: 1px solid #D8D8D8;
    padding: 7px 16px 7px 16px;
    vertical-align: top;
}

.policy-message .table .table-td.left {
    width: 29.3%;
}

.policy-message .table .table-td {
    min-height: 144px;

}

.policy-message .table .table-td .table-text.two {
    margin-top: 14px;
}

.policy-message .text {
    font-size: 16px;
    color: #343434;
    line-height: 26px;
    margin-top: 12px;
}

.candidate-data {
    margin-top: 72px;
}

.candidate-data .appendix-text {
    font-size: 26px;
    color: #343434;
    line-height: 26px;
}

.candidate-data .title {
    font-size: 32px;
    color: #343434;
    line-height: 32px;
    margin-top: 16px;
    font-weight: 600;
}

.data-wrapper .data-table {
    margin-top: 32px;
    margin-bottom: 96px;
    border-collapse: collapse;
}

.data-wrapper .data-table .th {
    height: 40px;
    background: #ebebeb;
    box-sizing: border-box;
}

.data-wrapper .data-table .th .title-text {
    border: 1px solid #D8D8D8;
    padding: 7px 16px;
}

.data-wrapper .cell .cell-text {
    font-size: 16px;
    color: #343434;
    margin-top: 7px;
}

.data-wrapper .cell .cell-text.special {
    margin-top: 0;
}

.data-wrapper .cell {
    width: 33.9%;
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    color: #343434;
    line-height: 25px;
}

.data-wrapper .data-table .cell {
    min-height: 242px;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
}

.bg {
    position: relative;
}

.bg .bg-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background-image: url(./../images/story-bg-shadow2x.png);
    background-repeat: no-repeat;
    background-size: 100% 160px;
}

.delete-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 10;
    opacity: .8;
}

.delete-attachment-confirm,
.delete-resume-confirm {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 224px;
    margin-left: -200px;
    margin-top: -112px;
    padding: 32px;
    background-color: #FFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
    z-index: 11;
    box-sizing: border-box;
}

.delete-attachment-confirm .confirm-title,
.delete-resume-confirm .confirm-title {
    font-size: 24px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
}

.delete-attachment-confirm .confirm-text,
.delete-resume-confirm .confirm-text {
    font-size: 16px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
    margin-top: 32px;
}

.delete-attachment-confirm .confirm-btn-wrapper,
.delete-resume-confirm .confirm-btn-wrapper {
    float: right;
    margin-top: 48px;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn,
.delete-resume-confirm .confirm-btn-wrapper .btn {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #323232;
    /* letter-spacing: 0.01px; */
    padding: 6px 22px;
    transition: .5s background cubic-bezier(0.2, 0, 0.2, 1);
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.cancel-btn,
.delete-resume-confirm .confirm-btn-wrapper .btn.cancel-btn {
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.cancel-btn:hover,
.delete-resume-confirm .confirm-btn-wrapper .btn.cancel-btn:hover {
    background: #D9D9D9;
    border: 1px solid #C2C2C2;
    color: #262626;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.confirm-btn,
.delete-resume-confirm .confirm-btn-wrapper .btn.confirm-btn {
    background: #fec715;
    color: white;
    margin-left: 12px;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.confirm-btn:hover,
.delete-resume-confirm .confirm-btn-wrapper .btn.confirm-btn:hover {
    background: #0041AD;
}

/*------------error页面---------------*/
.error-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 240px;
    width: 100%;

}

.error-wrapper .error {
    position: relative;
    height: 240px;
}


.error .error-left {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
}

.error .error-right {
    float: right;
    /* display: inline-block; */
}

.error .error-left .error-title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-weight: 600;
    font-size: 44px;
    color: #333333;
    /* letter-spacing: 0.02px; */
    line-height: 44px;
}

.error .error-left .error-text {
    max-width: 480px;
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.01px; */
    line-height: 34px;
    margin-top: 12px;
}

.error .error-right .error-number {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 200px;
    color: #fec715;
    /* letter-spacing: 0.11px; */
    height: 240px;
}

.error .error-left .btn {
    display: inline-block;
    min-width: 200px;
    margin-top: 40px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    box-sizing: border-box;
    background: #fec715;
    color: white;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.error .error-left .btn:hover {
    background: #0041AD;
}

.content .main .nav-ul-none .nav-list {
    font-weight: 600;
    list-style-type: none;
    float: left;
    margin-right: 32px;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    color: #323232;
    cursor: pointer;
}

.content .main .nav-ul-none .more-list {
    list-style-type: none;
    float: left;
    margin-right: 32px;
    font-size: 24px;
    line-height: 24px;
    position: relative;
    color: #323232;
    cursor: pointer;
    padding-bottom: 27px;
}

.content .main .nav-ul .more-list,
.content .main .nav-ul .nav-list {
    transition: 0.2s transform linear;
    list-style-type: none;
    float: left;
    margin-right: 32px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    position: relative;
    color: #323232;
    cursor: pointer;
    padding-bottom: 23px;
    font-weight: 600;
    transform-origin: center;
}


.content .main .nav-ul-none .more-list,
.content .main .nav-ul .more-list {
    padding-right: 36px;
    margin-right: 0;
}

.content .main .nav-ul .nav-item {
    transition: 0.2s transform linear;
    display: inline-block;
}
  
.content .main .nav-ul .nav-list.active .nav-item {
    transform: scale(1.375);
}

.content .main .nav-ul .nav-item.more {
    transition: 0.2s transform linear;
    position: relative;
}

.content .main .nav-ul .more-list.active .nav-item.more {
    transform: scale(1.375);
}

.more-list .nav-item .first-list-arrow {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: -18px;
    margin-top: -8px;
    background-image: url(./../images/arrow-b-bottom.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    transition: .35s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.more-list:hover .nav-item .first-list-arrow {
    background-image: url(./../images/arrow-l-bottom.png);
    background-size: 16px 16px;
}

.nav-item .first-list-arrow.active-up {
    display: none;
}

.more-list .down-list {
    display: none;
    padding: 8px 0;
    width: 224px;
    position: absolute;
    top: 40px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.30);
    z-index: 5;
    transform-origin: top;
    -webkit-transform-origin: top;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    text-align: left;
}

.more-list.normal .down-list {
    animation: dropDown .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: dropDown .5s cubic-bezier(.165, .84, .44, 1) forwards
}

.more-list.hover .down-list {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.more-list .down-list .down-li {
    font-size: 16px;
    color: #323232;
    line-height: 18px;
    padding: 8px 0;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.more-list .down-list .down-li.active {
    color: #fec715;
}

.more-list .down-list .down-li:hover .screen-btn {
    color: #fec715;
}

.more-list .down-list .down-li .screen-btn {
    display: block;
    padding-left: 48px;
}

.more-list .down-list .down-li.active {
    background: url(./../images/tick-icon.png) no-repeat;
    background-size: 17px 13px;
    background-position: 17px center;
}

.resume-file-label {
    position: relative;
    display: inline-block;
}

.resume-file-label #resume-file {
    cursor: pointer;
    width: 200px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 16px;
    opacity: 0;
    z-index: -1;
}

.resume-file-label:hover .choice-btn {
    background: black;

}

.resume-attachment-label {
    position: relative;
    display: inline-block;
}

.resume-attachment-label #resume-attachment {
    cursor: pointer;
    width: 200px;
    height: 46px;
    position: absolute;
    top: 24px;
    left: 0;
    opacity: 0;
    z-index: -1;
}

.update-attachment-label,
.update-file-label {
    position: relative;
}

.update-attachment,
.update-file {
    position: absolute;
    left: 0;
    width: 32px;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    padding: 14px 12px 14px 12px;
    z-index: -1;
    opacity: 0;
}

.message-header {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 50px 0px 56px;
}

.message-header.title {
    margin-top: 64px;
}

.message-header.tit {
    margin-top: 88px;
}

.message-header.message-header-a{
    margin-top: 48px;
}

.header-text {
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: #323232;
    line-height: 32px;
    padding-left: 24px;
    font-family: tencentFontW3, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
}

.header-text::after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    top: 6px\0;
    width: 8px;
    height: 30px;
    background-image: url(../images/skew-line.png);
    background-repeat: no-repeat;
    background-size: 4px 30px;
    background-position: 0 bottom;
}

.info-list-wrapper .info-item .info-icon {
    position: relative;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: 56px 56px;
    background-position: center;
    margin-bottom: 16px;
    background-image: url(./../images/index-icon-3.png);
}

.info-list-wrapper .info-item .info-icon-1 {
    background-image: url(./../images/index-icon-1.png);
}

.info-list-wrapper .info-item .info-icon-1::after {
    content: "";
    display: block;
    width: 64px;
    height: 37px;
    position: absolute;
    top: 13px;
    left: 0;
    background-image: url(./../images/arc-1.png);
    background-repeat: no-repeat;
    background-size: 52px 37px;
    background-position: 6px;
}


.info-list-wrapper .info-item .info-icon-1 .info-animation-icon5 {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    left: 35px;
    background: url(./../images/index-circle-2.png);
    border-radius: 50%;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}



.info-list-wrapper .info-item .info-icon-1 .info-animation-icon4 {
    opacity: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(./../images/index-circle-2.png);
    border-radius: 50%;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform-origin: center;
    transform: translate(55px, -15px);
}


/*首页第一个动画icon*/
.info-list-wrapper .info-item .info-icon-1.active::after {
    animation: indexIcon1-2 5s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.info-list-wrapper .info-item .info-icon-1.active .info-animation-icon4 {
    animation: indexIcon1-1 5s cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
}

.info-list-wrapper .info-item .info-icon-1.active .info-animation-icon5 {
    animation: indexIcon1 5s cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
}

.info-list-wrapper .info-item .info-icon-2 {
    background-image: url(./../images/index-icon-2.png);
    transition: 5s transform cubic-bezier(0, 0, 0, 1);
}



.info-list-wrapper .info-item .info-icon-3 {
    position: relative;
}

.info-list-wrapper .info-item .info-icon-3 .info-icon-item {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.info-list-wrapper .info-item .info-icon-3 .info-icon-item-1 {
    position: absolute;
    top: 4px;
    left: -5px;
    width: 163px;
    height: 215px;
    background-image: url(./../images/index-icon-3.png);
    background-size: 163px 215px;
}

.info-list-wrapper .info-item .info-icon-3.active .info-icon-item-1 {
    animation: iconMove3 5s cubic-bezier(0.2, 0, 0.2, 1);
}

.info-list-wrapper .info-item .info-icon-4 {
    position: relative;
    background-image: url(./../images/index-icon-1.png);
}

.info-list-wrapper .info-item .info-icon-4::after {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 10px;
    width: 12px;
    height: 12px;
    border: 4px solid #ff671f;
    border-radius: 50%;
    transform-origin: left;
}

.info-list-wrapper .info-item .info-icon-4 .info-animation-icon1 {
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 21px;
    width: 12px;
    height: 12px;
    border: 4px solid #ff671f;
    border-radius: 50%;
    transform-origin: top;
}

.info-list-wrapper .info-item .info-icon-4 .info-animation-icon2 {
    opacity: 0;
    position: absolute;
    top: 14px;
    left: 14px;
    width: 30px;
    height: 30px;
    border: 4px solid #ff671f;
    border-radius: 50%;
    transform-origin: 80% 100%;
}

.info-list-wrapper .info-item .info-icon-4::before {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 23px;
    left: 10px;
    width: 12px;
    height: 12px;
    border: 4px solid #ff671f;
    border-radius: 50%;
    transform-origin: left;

}

.info-list-wrapper .info-item .info-icon-4.active:after {
    animation: indexIcon2-1 4.6s cubic-bezier(0, 0, 0, 1) forwards;
}

.info-list-wrapper .info-item .info-icon-4.active .info-animation-icon1 {
    animation: indexIcon2 4.6s cubic-bezier(0, 0, 0, 1) forwards;
}

.info-list-wrapper .info-item .info-icon-4.active .info-animation-icon2 {
    animation: indexIcon3 4.6s cubic-bezier(0, 0, 0, 1) forwards;
}


.info-list-wrapper .info-item .info-icon-2.active {
    animation: rotateIcon2 5s cubic-bezier(0, 0, 0, 1) forwards;
}



.info-list-wrapper .info-message .info-title {
    font-size: 22px;
    color: #323232;
    line-height: 32px;
    margin-bottom: 16px;
    font-weight: 600;
}

.info-list-wrapper .info-message .info-underline-blue {
    height: 2px;
    background: #00A9CE;
    margin-bottom: 16px;
}

.info-list-wrapper .info-message .info-underline-green {
    height: 2px;
    background: #79C000;
    margin-bottom: 18px;
}

.info-list-wrapper .info-message .info-underline-violet {
    height: 2px;
    background: #9B26B6;
    margin-bottom: 18px;
}

.info-list-wrapper .info-message .info-underline-orange {
    height: 2px;
    background: #FF671F;
    margin-bottom: 18px;
}

.info-list-wrapper .info-message .info-text {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.info-list-wrapper .info-item {
    float: left;
    width: 22.9%;
    max-width: 256px;
    margin-right: 2.412%;
}

.info-list-wrapper .info-item.last {
    margin-right: 0;
}

.content .main .job-wrapper .job-content .job-padding.mar-bottom {
    margin-bottom: 16px;
}

.welfare-wrapper .welfare-item .welfare-title {
    display: inline-block;
    margin-bottom: 4px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 44px;
    box-sizing: border-box;
}

.welfare-wrapper .welfare-item .welfare-text {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 28px;
    padding-left: 40px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
    z-index: 2;
    box-sizing: border-box;
}

.welfare-item .welfare-bg::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(0, 280px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.welfare-item .welfare-bg.bg-move {
    background: rgba(155, 38, 182, 0.5)
}

.bg-one::after {
    background: #fec715;
}

.welfare-swiper-1 .bg-two::after {
    background: #00A9CE;
}

.welfare-swiper-1 .bg-three::after {
    background: #ff671f;
}

.welfare-swiper-2 .bg-four::after {
    background: #FF671F;
}

.welfare-swiper-2 .bg-five::after {
    background: #adb0b1;
}

.welfare-swiper-3 .bg-six::after {
    background: #717C7D;
}

.welfare-swiper-3 .bg-seven::after {
    background: #00A9CE;
}

.welfare-swiper-3 .bg-eight::after {
    background: #79C000;
}

.welfare-swiper-4 .bg-nine::after {
    background: #968C83;
}

.welfare-swiper-4 .bg-ten::after {
    background: #79C000;
}

.welfare-swiper-5 .bg-eleven::after {
    background: #ADB0B1;
}

.welfare-swiper-5 .bg-twelve::after {
    background: #79C000;
}

.welfare-swiper-5 .bg-thirteen::after {
    background: #717c7d;
}

.bg-move.bg-fourteen::after {
    background: #9B26B6;
}

.welfare-swiper-4 .bg-fifteen::after {
    background: #adb0b1;
}

.welfare-swiper-5 .bg-sixteen::after {
    background: #ff671f;
}

.welfare-swiper-1 .bg-seventeen::after {
    background: #79c000;
}

.welfare-swiper-2 .bg-eighteen::after {
    background: #968c83;
}

.welfare-wrapper .welfare-item .welfare-details {
    opacity: 0;
    position: relative;
    width: 92.765%;
    height: 100%;
    z-index: 4;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    transform: translate(0, 80px);
    transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.welfare-wrapper .welfare-item .video-link {
    opacity: 0;
    position: absolute;
    bottom: 40px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
    padding-left: 30px;
    transform: translate(0, 80px);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.welfare-wrapper .welfare-item .video-link::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    background: url(./../images/video-icon.png) no-repeat;
    background-size: 24px 24px;
    left: -1px;
}

.welfare-slide:hover .welfare-details {
    opacity: 1;
    transform: translate(0, 0);
}

.welfare-item.welfare-big:hover .welfare-details {
    opacity: 1;
    transform: translate(0, 0);
}


.welfare-bg:hover::after,
.welfare-slide:hover .welfare-bg::after {
    transform: translate(0, 0);
}

.welfare-item.welfare-big {
    width: 66.6666%;
}

.welfare-item.welfare-middle {
    width: 50%;
}

.welfare-item {
    position: relative;
    float: left;
    width: 33.3334%;
    height: 280px;
}

.welfare-bg {
    position: relative;
    height: 280px;
    box-sizing: border-box;
    overflow: hidden;
    transition: .5s top cubic-bezier(0.2, 0, 0.2, 1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.welfare-bg.bg-one {
    background-image: url(./../images/welfare-1.jpg);
}

.welfare-bg.bg-two {
    background-image: url(./../images/welfare-2.jpg);
}

.welfare-bg.bg-three {
    background-image: url(./../images/welfare-3.jpg);
}

.welfare-bg.bg-four {
    background-image: url(./../images/welfare-4.jpg);
}

.welfare-bg.bg-five {
    background-image: url(./../images/welfare-5.jpg);
}

.welfare-bg.bg-six {
    background-image: url(./../images/welfare-6.jpg);
}

.welfare-bg.bg-seven {
    background-image: url(./../images/welfare-7.jpg);
}

.welfare-bg.bg-eight {
    background-image: url(./../images/welfare-8.jpg);
}

.welfare-bg.bg-nine {
    background-image: url(./../images/welfare-9.jpg);
}

.welfare-bg.bg-ten {
    background-image: url(./../images/welfare-10.jpg);
}

.welfare-bg.bg-eleven {
    background-image: url(./../images/welfare-11.jpg);
}

.welfare-bg.bg-twelve {
    background-image: url(./../images/welfare-12.jpg);
}

.welfare-bg.bg-thirteen {
    background-image: url(./../images/welfare-13.jpg);
}


.welfare-bg.bg-fifteen {
    background-image: url(./../images/welfare-15.jpg);
}

.welfare-bg.bg-sixteen {
    background-image: url(./../images/welfare-16.jpg);
}

.welfare-bg.bg-seventeen {
    background-image: url(./../images/welfare-17.jpg);
}

.welfare-bg.bg-eighteen {
    background-image: url(./../images/welfare-18.jpg);
}

.story-message-wrapper .story-message-item {
    position: relative;
    width: 47.858%;
    box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.06);
}

.story-message-wrapper .story-message-item.item-left {
    float: left;
}

.story-message-wrapper .story-message-item.item-right {
    float: right;
}

.story-message-wrapper .story-message-item .item-info {
    height: 480px;
    background-color: white;
}

.story-message-wrapper .story-message-item .story-text-wrapper {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 91.045%;
    height: 256px;
    background: white;
    padding: 32px 32px 40px;
    box-sizing: border-box;
    margin: 0 auto;
    box-sizing: border-box;
    transition: .3s height;
}

.story-message-wrapper .story-message-item .story-text-wrapper:hover {
    height: 360px;
}

.story-message-wrapper .story-message-item .story-text {
    opacity: 0;
}

.story-message-wrapper .story-message-item .story-text-wrapper:hover .story-text {
    opacity: 1;
    transition: 1s opacity cubic-bezier(0.2, 0.0, 0.2, 1);
}

.story-message-item.item-left .story-line {
    background: #fec715;
}

.story-message-item.item-right .story-line {
    background: #fec715;
}

.story-message-wrapper .story-message-item .story-message-bg {
    height: 280px;
}

.story-message-wrapper .story-message-item .story-message-bg.one {
    background: url(./../images/story-bg-1.jpg);
    background-size: cover;
}

.story-message-wrapper .story-message-item .story-message-bg.two {
    background: url(./../images/story-bg-2.jpg);
    background-size: cover;
}

.story-message-wrapper .story-text-wrapper .story-user {
    font-size: 16px;
    color: #808080;
    line-height: 16px;
    margin-bottom: 12px;
}

.story-message-wrapper .story-text-wrapper .story-link {
    position: relative;
}

.story-message-wrapper .story-text-wrapper .story-title {
    font-size: 22px;
    color: #343434;
    line-height: 32px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
}

.story-link {
    display: inline-block;
}

.story-message-wrapper .story-text-wrapper .story-link .link-text {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #fec715;
    line-height: 18px;
    transition: .5s color cubic-bezier(0.2, 0, 0.2, 1);
    font-weight: 600;
}

.story-message-wrapper .story-text-wrapper .story-link .link-text:hover {
    color: #fbd457;
}

.story-message-wrapper .story-text-wrapper .story-link .link-text::after {
    content: "";
    position: absolute;
    right: -18px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/arrow-right-blue.png) no-repeat;
    background-size: cover;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.story-message-wrapper .story-text-wrapper .story-link .link-text:hover::after {
    background: url(../images/arrow-right-hover.png) no-repeat;
    background-size: cover;
}

.story-message-wrapper .story-text-wrapper .story-line {
    width: 100%;
    height: 2px;
    margin-top: 32px;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.text-wrapper-relative {
    position: relative;
    height: 100%;
}

.story-more-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.story-message-item .text-paragraph {
    font-size: 14px;
    color: #343434;
    line-height: 24px;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.staff-wrapper .staff-info {
    width: 100%;
    height: 320px;
    background: white;
    z-index: -9999;
}

.staff-message-left {
    width: 57.14%;
    height: 320px;
    float: left;

}

.staff-message-left.staff-1 {
    background-image: url(./../images/user-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-2 {
    background-image: url(./../images/user-img-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-3 {
    background-image: url(./../images/user-img-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-4 {
    background-image: url(./../images/user-img-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-5 {
    background-image: url(./../images/user-img-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-6 {
    background-image: url(./../images/user-img-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-user-wrapper .staff-icon-1 {
    background-image: url(./../images/user-img.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-2 {
    background-image: url(./../images/user-img-1.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-3 {
    background-image: url(./../images/user-img-2.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-4 {
    background-image: url(./../images/user-img-3.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-5 {
    background-image: url(./../images/user-img-4.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-6 {
    background-image: url(./../images/user-img-5.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-message-right {
    float: right;
    width: 42.858%;
    height: 420px;
    padding: 48px 5% 40px;
    box-sizing: border-box;
    background: url('./../images/syh.png') 15% 8% ;
    background-repeat: no-repeat;
}

.staff-message-right .staff-message-text {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}
.staff-message-right .staff-message-text .xyh {
    width: 100px;
    height: 100px;
    background: url('./../images/syh.png') 15% 10% ;
    background-repeat: no-repeat;
    position: absolute;
}
.staff-user-wrapper {
    position: absolute;
    bottom: 48px;
}

.staff-user-wrapper .user-wrapper-left,
.staff-user-wrapper .user-wrapper-right {
    float: left;
}

.staff-user-wrapper .staff-icon {
    width: 72px;
    height: 72px;
    border: 4px solid #fec715;
    background-position: center;
    box-sizing: border-box;
    border-radius: 50%;
    margin-right: 16px;
}



.staff-user-wrapper .staff-username {
    padding-top: 12px;
    font-size: 18px;
    color: #343434;
    line-height: 20px;
}

.staff-user-wrapper .staff-label {
    margin-top: 8px;
    float: left;
    font-size: 14px;
    color: #808080;
    line-height: 18px;
    max-width: 264px;
}

.swiper-box {
    position: relative;
    height: 320px;
}

.swiper_btn {
    display: inline-block;
    width: 64px;
    height: 64px;
}

.swiper_btn:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.staff-prev-wrapper {
    cursor: pointer;
    position: absolute;
    left: -88px;
    top: 50%;
    margin-top: -32px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    outline: none;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.button-prev {
    width: 64px;
    height: 64px;
    background: url(../images/arrow-w-left.png) no-repeat;
    background-size: 28px 28px;
    background-position: center;
    outline: none;
}

.button-next {
    width: 64px;
    height: 64px;
    background: url(../images/arrow-w-right.png) no-repeat;
    background-size: 28px 28px;
    background-position: center;
    outline: none;
}

.staff-next-wrapper {
    cursor: pointer;
    position: absolute;
    right: -88px;
    top: 50%;
    margin-top: -32px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.container.story-1 {
    display: none;
}


.banner-container .swiper-slide {
    height: 457px;
}

.swiper-one {
    width: 100%;
    height: 100%;
    background-image: url(./../images/swiper-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-container .prev-wrapper {
    position: absolute;
    top: 50%;
    padding: 10px;
    left: 8.333%;
    margin-top: -22px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    outline: none;
    z-index: 2;
}

.banner-container .next-wrapper {
    position: absolute;
    top: 50%;
    padding: 10px;
    margin-top: -22px;
    right: 8.333%;
    cursor: pointer;
    width: 48px;
    height: 48px;
    outline: none;
    z-index: 2;
}

.banner-container .prev-btn {
    width: 48px;
    height: 48px;
    background-image: url(./../images/arrow-w-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: transform .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.banner-container .next-btn {
    width: 48px;
    height: 48px;
    background-image: url(./../images/arrow-w-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: transform .3s cubic-bezier(0.2, 0.0, 0.2, 1), border .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.banner-container .prev-btn.circle,
.banner-container .next-btn.circle {
    border: 1px solid white;
    border-radius: 50%;
}

/*重写swiper样式部分*/
.swiper-container.swiper-parent .swiper-container,
.swiper-container .swiper-slide,
.swiper-container .swiper-wrapper,
.swiper-container.swiper-parent {
    width: 100%;
    height: 100%;
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1), 1s top cubic-bezier(0.2, 0.0, 0.2, 1);
}

.swiper-container .swiper-slide .swiper-img {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.swiper-container .swiper-slide .swiper-bg-2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-2.jpg) no-repeat; */
    background-size: cover;
}

.swiper-container .swiper-slide .swiper-bg-3 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-3.jpg) no-repeat; */
    background-size: cover;
}

.swiper-container .swiper-slide .swiper-bg-4 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-4.jpg) no-repeat; */
    background-size: cover;
}

.swiper-container .swiper-slide .swiper-bg-5 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-5.jpg) no-repeat; */
    background-size: cover;
}

.banner-swiper {
    position: relative;
}

.a-swiper .swiper-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-swiper .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-size: 12px 12px;
    border-radius: 50%;
}

.banner-swiper .pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.a-swiper .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-size: 12px 12px;
    border-radius: 50%;
}

.banner-swiper .swiper-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-container.staff-swiper-container {
    height: 320px;
}

.banner-swiper .banner-button-next {
    width: 24px;
    height: 24px;
}

.city-swiper-container {
    position: relative;
}

.swiper-container.city-swiper {
    height: 360px;
}

.header-seat.adaption-color {
    background-color: #fec715;
}

.blue .logo {
    background: url(../images/Tencent-w-logo.png) no-repeat;
    background-size: 100% 100%;
}

.header.adaption-color .header-search .search-btn:after {
    background-image: url(./../images/side-w-right.png);
    background-size: 12px 12px;
}

.header.adaption-color .menu .menu-list .first-list {
    color: white;
    border-bottom: 1px solid transparent;
}

.header.adaption-color .menu .menu-list.active .first-list {
    border-bottom: 1px solid #ffffff;
}


.header.adaption-color .login .login-btn {
    border: 1px solid #FFFFFF;
    color: white;
}

.header.adaption-color .login .user-info .login-link {
    color: #fff
}

.header.adaption-color .login .user-info .login-link .first-list-down {
    background: url(./../images/arrow-w-down.png) no-repeat;
    background-size: 18px 18px;
    background-position: center;
}

.blue .search-input.input-value {
    border: 1px solid transparent;
}

.search-input.tint {
    border: 1px solid transparent;
}


.search-input.dark .search-input::-webkit-input-placeholder {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
}

.header.adaption-color .search-btn {
    color: white;
}

.header.adaption-color .header-search .search-btn:hover {
    color: white;
}

.adaption-color .header-search {
    background-color: rgba(255, 255, 255, .3);
}

.adaption-color .header-search .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.80);
}

.adaption-color .header-search .search-input {
    color: white;
}

/*产品与服务*/
.container.full {
    height: 100% !important;
}

.container.full .content {
    width: 100%;
    height: 100%;
}

.content.website-bg {
    background-color: #032aa0;
}

.header.no-background {
    position: absolute;
    z-index: 2;
    background: none
}

.sidebar {
    position: absolute;
    right: 0;
    max-width: 136px;
    float: right;
    z-index: 1000;
    transition: top .5s;
    -webkit-mask-image: url(../images/tab-mask.png);
    -webkit-mask-size: cover;
}

.sidebar .sidebar-ground {
    position: relative;
    overflow: hidden;
    padding: 48px 0;
  }

.sidebar-item {
    position: relative;
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1);
    cursor: pointer;
    float: right;
    width: 100%;
    min-width: 68px;
    transform: translate(22%, 0);
}

.sidebar-item.first {
    margin-top: 0;
    transform: translate(0, 0);
}


.sidebar-item-content .page-number {
    opacity: 0;
    height: 28px;
    padding-bottom: 2px;
}

.sidebar-item-content .number {
    font-family: Numfont;
    display: table-cell;
    font-size: 14px;
    color: #FFFFFF;
    /* letter-spacing: 0.1px; */
    height: 32px;
    vertical-align: bottom;
    transition: 1s transform cubic-bezier(0.2, 0, 0.2, 1);
}

.sidebar.start .sidebar-item-content {
    animation: BraceUpFirst 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.sidebar .sidebar-list {
    position: relative;
    transform: translate(0, 0);
    transition: .3s transform cubic-bezier(0.6, -0.1, 0.6, 1);
}

.sidebar-item-content .headerline {
    height: 1px;
    width: 100%;
    opacity: 0.6;
    transform-origin: right;
    transform: translate(0, 0);
    padding-top: 4px;
    padding-bottom: 4px;
    background-image: url(../images/tab-line-active.png);
    background-size: 100% 1px;
    background-position: center center;
    background-repeat: no-repeat;
}

.sidebar-item-content .sidebar-text {
    opacity: 0;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    line-height: 16px\0;
    transition: font .2s cubic-bezier(0.2, 0, 0.2, 1);
    max-width: 138px;
    margin-right: 7px
}

.product-item-list {
    display: none;
    opacity: 0;
    margin-left: 14px;
    max-width: 122px;
    transform-origin: bottom;
}
  
.product-item-list .product-li {
    opacity: 0.8;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    font-weight: 600;
    padding-top: 8px;
    transition: .5s cubic-bezier(0.2, 0, 0.2, 1) transform;
}
  
.product-item-list .product-li:hover {
    opacity: 1;
    transform: translate(-8px, 0);
}

.sidebar.normal .sidebar-item:first-child .page-number {
    opacity: 1;
}

.sidebar.normal .sidebar-item:first-child .sidebar-text {
    opacity: 1;
}

.sidebar.normal .sidebar-item .sidebar-text {
    opacity: 0.5;
}

.sidebar-item .page-number .tilt {
    padding: 0 6px 0 24px;
    padding-left: 24px\0;
}

.sidebar-item:first-child .headerline {
    opacity: 1;
    height: 2px;
    background-image: url(../images/tab-line-active.png);
    background-size: 100% 2px;
}

.sidebar-item:first-child.leave .headerline,
.sidebar-item:first-child.normal .headerline {
  background-size: 100% 1px;
}

.sidebar-item:first-child .sidebar-text {
    opacity: 0;
    font-size: 18px;
    color: #FFFFFF;
}

.sidebar-item.normal:first-child .sidebar-text {
    font-size: 15px;
}

.sidebar-item .page-number .current-num .number-item {
    font-size: 24px;
}

.sidebar.start .sidebar-item:first-child .page-number {
    animation: minusReversalUp .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
    -webkit-animation: minusReversalUp .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}

.sidebar.normal .sidebar-item:first-child .change-number-wrapper {
    opacity: 1;
}

.sidebar.start .sidebar-item:first-child .change-number-wrapper {
    animation: minusReversalUp .1s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
    -webkit-animation: minusReversalUp .1s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}


.sidebar.start .sidebar-item:first-child .sidebar-text {
    animation: FirstReversalDown .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
    -webkit-animation: FirstReversalDown .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}

.sidebar.start .sidebar-item .sidebar-text {
    animation: ReversalDown .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}

.sidebar.normal .sidebar-item.normal .page-number {
    animation: sidebarNumNormal .2s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar.normal .sidebar-item.leave .sidebar-text,
.sidebar.normal .sidebar-item.normal .sidebar-text {
    animation: sidebarTextNormal 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar.normal .sidebar-item.active .page-number {
    animation: sidebarNumActive 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar.normal .sidebar-item.hover .sidebar-text,
.sidebar.normal .sidebar-item.active .sidebar-text {
  font-size: 18px;
  animation: sidebarTextActive 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}


.sidebar-item.leave,
.sidebar-item.normal {
  animation: sidebarNormal 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar-item.hover,
.sidebar-item.active {
  animation: sidebarActive 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar-item.normal .headerline {
    opacity: 0.5;
}

.sidebar-item:first-child.hover .headerline,
.sidebar-item:first-child.active .headerline,
.sidebar-item.hover .headerline,
.sidebar-item.active .headerline {
  opacity: 1;
  height: 2px;
  background-image: url(../images/tab-line-active.png);
  background-size: 100% 2px;
}

.change-number-wrapper {
    display: inline-block;
    position: absolute;
    top: 8px;
    height: 24px;
    line-height: 28px;
    overflow: hidden;
    opacity: 0\0;
}

.sidebar.normal .sidebar-item.normal .change-number-wrapper {
    animation: sidebarNumNormal .2s cubic-bezier(0.2, 0, 0.2, 1) forwards\0;
}

.sidebar.normal .sidebar-item.active .change-number-wrapper {
    animation: sidebarNumActive .8s cubic-bezier(0.2, 0, 0.2, 1) forwards\0;
}


.change-number-wrapper .second.number {
    transform: translate(0, -28px);
}

.application {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: top;
    animation: upwardGo 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
    padding-top: 40px;
}

.application.normal {
    animation: upwardOut .2s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}


.application-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 57.143%;
    padding-top: 40px;
}

.application-left.none {
    opacity: 0;
}

.application-left.show {
    opacity: 1;
}

.application-left.zindex {
    z-index: -1;
}


.application-left.normal {
    animation: turnYBack .1s linear forwards;
}


.application-left .detailed-info {
    margin-top: 30px;
}

.title-content .title-tips {
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.09px; */
    line-height: 18px;
    margin-bottom: 12px;
}

.title-content .title-content-left {
    float: left;
    width: 72%;
}

.title-content .title-content-left .title {
    display: inline-block;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
}

.title-content .title-content-left .text {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    vertical-align: bottom;
}

.title-content .title-content-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.application-left .title-content {
    position: relative;
}

.application .application-message {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #FFFFFF;
}

.application-right {
    float: right;
    width: 28.572%;
}

.application-logo {
    width: 256px;
    height: 256px;
    /* padding-bottom: 120%; */
    background-repeat: no-repeat;
    background-size: 256px 256px;
    background-position: center;
}

.service-swiper-item.product-1 {
    background-color: #12B7F5;
}

.service-swiper-item.product-2 {
    background-color: #4D4D4D;
}

.service-swiper-item.product-3 {
    background-color: #00A3FF;
}

.service-swiper-item.product-4 {
    background-color: #2F5DA5;
}

.service-swiper-item.product-5 {
    background-color: #141414;
}

.service-swiper-item.product-6 {
    background-color: #141414;
}

.service-swiper-item.product-7 {
    background-color: #1B1B1B;
}

.service-swiper-item.product-8 {
    background-color: #252525;
}

.service-swiper-item.product-9 {
    background-color: #000000;
}

.service-swiper-item.product-10 {
    background-color: #1853A4;
}

.service-swiper-item.product-11 {
    background-color: #3B5FE8;
}

.service-swiper-item.product-12 {
    background-color: #000000;
}

.service-swiper-item.product-13 {
    background-color: #1372FA;
}

.service-swiper-item.product-14 {
    background-color: #009FE8;
}

.service-swiper-item.product-15 {
    background-color: #042585;
}

.service-swiper-item.product-16 {
    background-color: #19294A;
}

.service-swiper-item.product-17 {
    background-color: #002268;
}

.service-swiper-item.product-18 {
    background-color: #206AB3;
}

.service-swiper-item.product-19 {
    background-color: #2575EA;
}

.service-swiper-item.product-20 {
    background-color: #56C2EC;
}

.service-swiper-item.product-21 {
    background-color: #424F3D;
}

.service-swiper-item.product-22 {
    background-color: #1AAD19;
}

.service-swiper-item.product-23 {
    background-color: #224BA4;
}

.service-swiper-item.product-24 {
    background-color: #2BA245;
}

.service-swiper-item.product-25 {
    background-color: #0BB2FF;
}

.service-swiper-item.product-26 {
    background-color: #0A67A1;
}

.service-swiper-item.product-27 {
    background-color: #032AA0;
}

.service-swiper-item.product-28 {
    background-color: #032AA0;
}

.service-swiper-item.product-29 {
    background-color: #07D0B0;
}

.service-swiper-item.product-30 {
    background-color: #675E47;
}

.service-swiper-item.product-31 {
    background-color: #0F1E3C;
}

.service-swiper-item.product-32 {
    background-color: #141414;
}

.service-swiper-item.product-33 {
    background-color: #141414;
}

.service-swiper-item.product-34 {
    background-color: #005EFE;
}

.service-swiper-item.product-35 {
    background-color: #0082EF;
}

.service-swiper-item.product-36 {
    background-color: #4A3A5B;
}

.service-swiper-item.product-37 {
    background-color: #0459FF;
}

.service-swiper-item.product-38 {
    background-color: #0459FF;
}

.service-swiper-item.product-39 {
    background-color: #0459FF;
}

.service-swiper-item.product-40 {
    background-color: #005AFF;
}

.service-swiper-item.product-41 {
    background-color: #073A8E;
}

.service-swiper-item.product-42 {
    background-color: #141414;
}

.service-swiper-item.product-43 {
    background-color: #fec715;
}

.service-swiper-item.product-44 {
    background-color: #000000;
}

.service-swiper-item.product-45 {
    background-color: #04005B;
}

.service-swiper-item.product-46 {
    background-color: #1B36C4;
}

.service-swiper-item.product-47 {
    background-color: #152847;
}

.product-1 .application-logo {
    background-image: url(./../images/product-logo1.png);
}

.product-2 .application-logo {
    background-image: url(./../images/product-logo2.png);
}

.product-3 .application-logo {
    background-image: url(./../images/product-logo3.png);
}

.product-4 .application-logo {
    background-image: url(./../images/product-logo4.png);
}

.product-5 .application-logo {
    background-image: url(./../images/product-logo5.png);
}

.product-6 .application-logo {
    background-image: url(./../images/product-logo6.png);
}

.product-7 .application-logo {
    background-image: url(./../images/product-logo7.png);
}

.product-8 .application-logo {
    background-image: url(./../images/product-logo8.png);
}

.product-9 .application-logo {
    background-image: url(./../images/product-logo9.png);
}

.product-10 .application-logo {
    background-image: url(./../images/product-logo10.png);
}

.product-11 .application-logo {
    background-image: url(./../images/product-logo11.png);
}

.product-12 .application-logo {
    background-image: url(./../images/product-logo12.png);
}

.product-13 .application-logo {
    background-image: url(./../images/product-logo13.png);
}

.product-14 .application-logo {
    background-image: url(./../images/product-logo14.png);
}

.product-15 .application-logo {
    background-image: url(./../images/product-logo15.png);
}

.product-16 .application-logo {
    background-image: url(./../images/product-logo16.png);
}

.product-17 .application-logo {
    background-image: url(./../images/product-logo17.png);
}

.product-18 .application-logo {
    background-image: url(./../images/product-logo18.png);
}

.product-19 .application-logo {
    background-image: url(./../images/product-logo19.png);
}

.product-20 .application-logo {
    background-image: url(./../images/product-logo20.png);
}

.product-21 .application-logo {
    background-image: url(./../images/product-logo21.png);
}

.product-22 .application-logo {
    background-image: url(./../images/product-logo22.png);
}

.product-23 .application-logo {
    background-image: url(./../images/product-logo23.png);
}

.product-24 .application-logo {
    background-image: url(./../images/product-logo24.png);
}

.product-25 .application-logo {
    background-image: url(./../images/product-logo25.png);
}

.product-26 .application-logo {
    background-image: url(./../images/product-logo26.png);
}

.product-27 .application-logo {
    background-image: url(./../images/product-logo27.png);
}

.product-28 .application-logo {
    background-image: url(./../images/product-logo28.png);
}

.product-29 .application-logo {
    background-image: url(./../images/product-logo29.png);
}

.product-30 .application-logo {
    background-image: url(./../images/product-logo30.png);
}

.product-31 .application-logo {
    background-image: url(./../images/product-logo31.png);
}

.product-32 .application-logo {
    background-image: url(./../images/product-logo32.png);
}

.product-33 .application-logo {
    background-image: url(./../images/product-logo33.png);
}

.product-34 .application-logo {
    background-image: url(./../images/product-logo34.png);
}

.product-35 .application-logo {
    background-image: url(./../images/product-logo35.png);
}

.product-36 .application-logo {
    background-image: url(./../images/product-logo36.png);
}

.product-37 .application-logo {
    background-image: url(./../images/product-logo37.png);
}

.product-38 .application-logo {
    background-image: url(./../images/product-logo38.png);
}

.product-39 .application-logo {
    background-image: url(./../images/product-logo39.png);
}

.product-40 .application-logo {
    background-image: url(./../images/product-logo40.png);
}

.product-41 .application-logo {
    background-image: url(./../images/product-logo41.png);
}

.product-42 .application-logo {
    background-image: url(./../images/product-logo42.png);
}

.product-43 .application-logo {
    background-image: url(./../images/product-logo43.png);
}

.product-44 .application-logo {
    background-image: url(./../images/product-logo44.png);
}

.product-45 .application-logo {
    background-image: url(./../images/product-logo45.png);
}

.product-46 .application-logo {
    background-image: url(./../images/product-logo46.png);
}

.product-47 .application-logo {
    background-image: url(./../images/product-logo47.png);
}

.product {
    position: relative;
    height: 100%
}

.product .product-item {
    opacity: 0;
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
}

.product .product-item.top.normal {
    opacity: 0.2;
    animation: opacityOut .3s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.top {
    display: inline-block;
    position: absolute;
    top: 160px;
    left: 40px;
    white-space: nowrap;
    word-break: keep-all;
    transform-origin: left top;
    animation: narrow 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.bottom {
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    white-space: nowrap;
    word-break: keep-all;
    transform-origin: left bottom;
    animation: upwardText 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.bottom.active {
    animation: Enlarge 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.bottom.active {
    animation: Enlarge 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}


.product-item.bottom .product-item-title {
    display: table-cell;
    height: 48px;
}

.product-item .product-item-text {
    display: table-cell;
    font-size: 24px;
    /* letter-spacing: 0.24px; */
    height: 40px;
    vertical-align: bottom;
}

.product-item .product-item-title {
    display: table-cell;
    height: 40px;
}

.product-wrapper {
    position: relative;
    height: 100%;
    /* display: flex;
    align-items: center; */
}


.title-content .title-content-right .jop-link {
    font-weight: 600;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.03px; */
    height: 64px;
    vertical-align: bottom;
}

.title-content .title-content-right .jop-link:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(./../images/side-w-right.png) no-repeat;
    background-size: 12px 12px;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.title-content .title-content-right .jop-link:hover:after {
    transform: translateX(6px)
}

.search-content .null-wrapper {
    padding-top: 174px;
    text-align: center;
}

.search-content .null-text {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
}

.search-content .null-tips {
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 20px;
    margin-top: 32px;
}

.search-input-wrapper .search-select-ul {
    display: none;
    background: #FFF;
    margin-top: 1px;
    -webkit-box-shadow: 1px 14px 17px 0 rgba(0, 0, 0, .15);
    box-shadow: 1px 14px 17px 0 rgba(0, 0, 0, .15);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    max-height: 240px;
    overflow-y: auto;
    box-sizing: border-box;
}

.search-input-wrapper .search-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.search-input-wrapper .search-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.search-input-wrapper .search-select-li {
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    padding: 15px 0 15px 24px;
    border-bottom: 1px solid #e6e6e6;
}

.search-input-wrapper .search-select-li:hover {
    background: #EAEAEA;
}

/* .header.adaption-color+.content .header-seat {
    background-color: #fec715;
} */

.container .content .header-seat {
    padding-bottom: 144px;
    /* transition: .25s ease; */
}

.container.no-search .content .header-seat {
    padding-bottom: 81px;
    /* transition: .25s ease; */
}

.adaption-color .logo {
    background: url(../images/logo.png) no-repeat;
    background-size: 100% 100%;
}

.routine-browser {
    height: 100%;
    width: 100%;
}

.service-swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
}

.service-swiper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* z-index: 1;  */
}

.service-swiper.top {
    z-index: 3;
}


.service-swiper-item {
    display: none;
    width: 100%;
    height: 100%;
    animation: opacity1 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}



.tencent-story .logo {
    width: 229px;
    height: 24px;
    float: left;
    cursor: pointer;
    margin: 28px 0;
    background-image: url(./../images/Tencent-logo-w.png);
    background-size: 100% 100%;
}


.content-wrapper.alone {
    height: 100vh
}

.error-msg-box {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    z-index: 1000;
}

.err-msg-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 336px;
    padding: 32px;
    background: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
}

.err-msg-wrap .err-msg-content {
    position: relative;
}

.err-msg-wrap .msg-wrap-tit {
    font-size: 24px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
    margin-bottom: 32px;
}

.err-msg-wrap .msg-wrap-txt {
    font-size: 16px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
    padding-bottom: 80px;
}

.err-msg-wrap .msg-wrap-btn {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 72px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #FFFFFF;
    /* letter-spacing: 0.01px; */
    background: #fec715;
    text-align: center;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.err-msg-wrap .msg-wrap-btn:hover {
    background: #0041AD;
}

.search-input-wrapper .search-select-ul {
    padding: 0px 24px 24px 24px;
}

.search-select-group .menu-item-group-title {
    font-size: 16px;
    color: #818181;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    margin-top: 24px;
}

.search-select-group .menu-item-group-ul .menu-item {
    /* display: inline-block; */
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    margin-top: 16px;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.search-select-group .menu-item-group-ul .menu-item .menu-item-text {
    cursor: pointer;
    display: inline-block;
}


.search-select-group .menu-item-group-ul .menu-item:hover {
    color: #fec715;
}

.city-swiper-container .circle-animation {
    width: 120px;
    position: absolute;
    right: 0;
    /* background: #ffffff; */
    z-index: 2;
    bottom: 1px;
    text-align: center;
    height: 40px;
}

.a-swiper .circle-animation,
.banner-swiper .circle-animation {
    position: absolute;
    bottom: 38px;
    bottom: 37.5px\0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    height: auto;
    z-index: 3;
    text-align: center;
    box-sizing: border-box;
}

.a-swiper .circle-animation {
    bottom: 20px;
    bottom: 21px\0;
}

.a-swiper .circle-left {
    animation: rotate 3s linear 3s forwards;
}

.a-swiper .circle-right {
    animation: rotate1 3s linear forwards;
}

.a-swiper .swiper-pagination {
    bottom: 22px;
}


.banner-swiper .circle-animation .circle-li {
    margin: 0 5px;
}

.circle-wrapper-ground {
    display: none;
    width: 12px;
    height: 12px;
}

.circle-animation .circle-animation-list {
    display: inline-block;
    margin-top: 16px;
    margin-left: 1px\0;
}

.circle-animation .circle-li {
    cursor: pointer;
    position: relative;
    float: left;
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.circle-wrapper {
    position: absolute;
    top: 0;
    width: 6px;
    height: 12px;
    overflow: hidden;
}

.circle-left-wrapper {
    left: 0;
}

.circle-right-wrapper {
    right: 0px;
}

.city-swiper-container .circle-left-wrapper {
    margin-left: 0.5px\0;
}

.city-swiper-container .circle-right-wrapper {
    margin-right: -0.5px\0;
}

.banner-swiper .circle-li:first-child .circle-left {
    animation: rotate 6s linear 6s forwards;
}

.banner-swiper .circle-li:first-child .circle-right {
    animation: rotate1 6s linear forwards;
}

.banner-swiper .circle-li .circle-left {
    animation: rotate 3s linear 3s forwards;
}

.banner-swiper .circle-li .circle-right {
    animation: rotate1 3s linear forwards;
}

.circle-left {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    border-top: 2px solid #fec715;
    border-right: 2px solid #fec715;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    transform: rotate(45deg);
    animation: rotate 2s linear 2s forwards;
    -webkit-animation: rotate 2s linear 2s forwards;
}

.circle-right {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #fec715;
    border-left: 2px solid #fec715;
    border-radius: 50%;
    transform: rotate(45deg);
    animation: rotate1 2s linear forwards;
    -webkit-animation: rotate1 2s linear forwards;
}


/* .video-wrapper {
    position: relative;
    height: 600px;
} */


.banner-swiper::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 144px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 1%, rgba(0, 0, 0, 0.15) 59%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 10;
}

.video-wrapper {
    width: 100%;
    /* float: left; */
    margin-right: -100%;
    position: relative;
    left: 0;
    opacity: 1;
    display: block;
    z-index: 2;
    height: 600px;
    overflow: hidden;
    transition: left 1s cubic-bezier(0.2, 0, 0.2, 1);
    background: black;
}

.video1 {
    width: 2560px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1280px;
}

.banner-container {
    height: 600px;
}

.load-more-wrapper .more-btn {
    position: relative;
    margin: 0 auto 120px;
    width: 240px;
    height: 48px;
    line-height: 48px;
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.30);
    font-size: 18px;
    color: #fec715;
    text-align: center;
    overflow: hidden;
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    cursor: pointer;
}

.mrgbtm {
    margin-bottom: 72px;
}

.load-more-wrapper .more-btn.margin-null{
    margin-bottom: 0;
}

.service-swiper-container .mouse-icon {
    position: absolute;
    width: 20px;
    height: 32px;
    bottom: 44px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 2px solid #FFFFFF;
    border-radius: 18px;
    z-index: 2;
}

.service-swiper-container .mouse-wheel {
    width: 8px;
    height: 8px;
    background-image: url(../images/mouse-circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 8px auto 0;
    animation: mouseWheelDown 1.5s cubic-bezier(0.2, 0, 0.2, 1) infinite;
}

.nav-content-list .recruit-wrap.mba {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    padding: 40px 0 80px 0;
    margin-bottom: 480px;
}

.nav-content-list .recruit-wrap.mba .recruit-txt,
.nav-content-list .recruit-wrap.mba .recruit-tit {
    font-size: 24px;
    color: #343434;
    /* letter-spacing: 0.12px; */
    text-align: center;
    line-height: 36px;
}

.nav-content-list .recruit-wrap.mba .recruit-link {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 40px;
    font-weight: 600;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 16px;
    color: #fec715;
    /* letter-spacing: 0.08px; */
    line-height: 16px;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.nav-content-list .recruit-wrap.mba .recruit-link::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(./../images/jump_blue.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    margin-left: 4px;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.nav-content-list .recruit-wrap.mba .recruit-link:hover {
    color: #fbd457;
}

.nav-content-list .recruit-wrap.mba .recruit-link:hover::after {
    background-image: url(./../images/jump-blue-hover.png);
    background-size: 12px 12px;
}

.content.bg-color {
    background-color: #f7f7f7;
    padding-bottom: 120px;
}

.adaption-color .search-input.input-value.active {
    border-color: white
}

.welfare-item.welfare-big .welfare-video {
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background-color: black;
}

.welfare-item.welfare-big:hover .welfare-video {
    display: block;
}

.welfare-item.welfare-big .welfare-vid {
    position: absolute;
    height: 280px;
    height: 380px\0;
    width: 2560px\0;
    left: 50%\0;
    margin-left: -1280px\0;
    object-fit: cover;
}

/* .welfare-item.welfare-big:hover .bg-move {
    transform: translate(0, -280px);
} */

.content .main .recruit-wrap.mar-bottom {
    margin-bottom: 52px;
}

.swiper-container.a-container,
.a-swiper {
    position: relative;
    height: 320px;
}

.a-container.swiper-container .swiper-wrapper {
    position: absolute;
    top: 0;
}

.not-available {
    background: #FFFFFF;
    border: 1px solid #ADB0B1;
    margin-bottom: 16px;
    padding: 4%;
}

.not-available .recruit-tit {
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.12px; */
    line-height: 24px;

}

.not-available .recruit-t {
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.08px; */
    line-height: 18px;
}

.not-available .recruit-l {
    display: inline-block;
    font-size: 16px;
    color: #fec715;
    /* letter-spacing: 0.08px; */
    line-height: 16px;
}

.change-content.banner .banner-main .banner-title-wrapper {
    display: none;
}

.welfare-container .swiper-wrapper {
    top: 0;
}

.nav-content-mobile {
    display: none;
}


.bg-shadow1 {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: -1;
    transition: .5s opacity cubic-bezier(0.2, 0, 0.2, 1);
}

.bg-shadow1.show {
    opacity: 1;
    z-index: 1000;
}

.bg-shadow1 .welfare-video {
    width: 1024px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: -512px;
}

.bg-shadow1 .video-close {
    position: absolute;
    top: 0px;
    right: -48px;
    width: 48px;
    height: 48px;
    background: url(./../images/video-close-icon.png) no-repeat;
    background-size: 22px 22px;
    background-color: #1E1E1E;
    background-position: center;
}

.story-module {
    position: fixed;
    top: 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    transform: translate(0, 100%);
    width: 100%;
    z-index: 1000;
}

.welfare-slide .welfare-limit {
    opacity: 0;
    position: absolute;
    bottom: 32px;
    font-size: 14px;
    color: #FFFFFF;
    /* letter-spacing: 0; */
    transform: translate(0, 80px);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    padding-right: 40px;
}

.welfare-slide:hover .welfare-limit {
    opacity: 1;
    transform: translate(0, 0);
}

.welfare-item:hover .video-link {
    opacity: 1;
    transform: translate(0, 0);
}


.text-one .box-tips {
    opacity: 0;
    position: absolute;
    bottom: 12px;
    right: 22px;
    font-size: 12px;
    color: #FFFFFF;
    /* letter-spacing: 0.02px; */
    text-align: right;
    line-height: 12px;
    transform: translate(0, 20px);
}

.text-one.active .box-tips {
    opacity: 0.5;
    transform: translate(0, 0);
    transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
}

.recruit-wrap.null {
    font-size: 24px;
    color: #343434;
    /* letter-spacing: 0.12px; */
    text-align: center;
    line-height: 36px;
    background: white;
}

.content .main .recruit-wrap.null {
    padding: 60px 0;
    margin-bottom: 120px;
    box-sizing: border-box;
}

.content .content-wrapper .content-right.fixed {
    position: fixed;
    margin-top: 40px;
}

.content .content-wrapper .content-right.affix-up {
    transform: translateY(0px);
}

.content .content-wrapper .content-right.affix-down {
    transform: translateY(-65px);
}

.explain-text .join-link {
    display: inline-block;
    color: #fec715;
}

.select-wrapper.short {
    position: relative;
    width: 24.49%;
    float: left;
}

.select-wrapper.long {
    position: relative;
    width: 75.512%;
    float: left;
}

.content .content-wrapper .resume-content .telephone .splicing-input.error {
    border: 1px solid #E53535;
}

.title-content .title-content-left .title-special {
    font-size: 48px;
    float: left;
}

.title-content .title-content-left .title-small {
    color: white;
    font-size: 36px;
    float: left;
    margin-top: 12px;
}

.content .main .recruit-wrap .recruit-list.disable {
    border-left: 4px solid #7e7e7e;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}

.content .main .recruit-wrap .recruit-list.disable .recruit-title {
    color: #7E7E7E;
}

.content .main .recruit-wrap .recruit-list.disable .recruit-tips {
    color: #7E7E7E;
}

.policy-update {
    margin-bottom: 16px;
}

.policy-update .update-text {
    display: inline-block;
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.policy-update .update-time {
    display: inline-block;
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.policy-tips .policy-tips-text {
    font-size: 20px;
    color: #343434;
    /* letter-spacing: 0.01px; */
    line-height: 28px;
    margin-bottom: 28px;
}

.policy.explain-wrapper {
    margin-bottom: 120px;
}

.telephone-input-wrapper {
    width: 58.9%;
    position: relative;
    float: left;
    height: 40px;
}

.content .content-wrapper .resume-content .telephone-select .telephone-region.error {
    border: 1px solid #E53535;
    z-index: 2;
}

.loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 1000;
}

.loading-content {
    position: absolute;
    height: 96px;
    width: 96px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    background: white;
}

.block-item-wrapper {
    position: relative;
    height: 96px;
    width: 96px;
    overflow: hidden;
}

.block-item-wrapper.loading-item-2 {
    display: none;
}

.block-item-wrapper .block-item {
    position: absolute;
    top: 0;
    left: -120px;
    width: 120px;
    height: 96px;
}

.block-item-wrapper .loading-block-item1 {
    background: url(./../images/loading-block.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item2 {
    background: url(./../images/loading-block2.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item3 {
    background: url(./../images/loading-block3.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item4 {
    background: url(./../images/loading-block4.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item5 {
    background: url(./../images/loading-block5.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item1.active {
    animation: loadingBlock1 2s cubic-bezier(0.2, 0.0, 0.0, 1) forwards;
}

.block-item-wrapper .loading-block-item2.active {
    animation: loadingBlock2 2s cubic-bezier(0.2, 0.0, 0.05, 1) .65s forwards;
}

.block-item-wrapper .loading-block-item3.active {
    animation: loadingBlock3 2s cubic-bezier(0.2, 0.0, 0.1, 1) 1.3s forwards;
}

.block-item-wrapper .loading-block-item4.active {
    animation: loadingBlock4 2s cubic-bezier(0.2, 0.0, 0.15, 1) 1.95s forwards;
}

.block-item-wrapper .loading-block-item5.active {
    animation: loadingBlock5 2s cubic-bezier(0.2, 0.0, 0.2, 1) 2.6s forwards;
}

.head-mess-wrap {
    margin-top: 40px;
}

.head-mess-wrap p {
    width: 100%;
    display: block;
}

.head-mess-wrap h2 {
    font-size: 36px;
    color: #333;
    /* letter-spacing: 0.07px; */
    width: 100%;
    font-weight: bold;
    line-height: 48px;
}

.head-mess-wrap .march-year {
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
    margin-top: 4px;
    margin-bottom: 28px;
}

.head-mess-wrap .x-label {
    font-size: 26px;
    color: #333333;
    /* letter-spacing: 0.13px; */
    line-height: 26px;
    font-weight: bold;
}

.head-mess-wrap .x-label-1 {
    margin-bottom: 14px;
}

.head-mess-wrap .x-label-2 {
    margin-bottom: 12px;
}

.head-mess-wrap .m-mess {
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 28px;
    margin-bottom: 26px;
}

.head-mess-wrap .x-mess {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.head-mess-wrap .x-mess-1 {
    margin-bottom: 28px;
}

.head-mess-wrap .section .x-mess-title {
    margin-bottom: 1px;
}

.head-mess-wrap .section .x-mess-title.x-mess-bottom {
    margin-bottom: 28px;
}

.head-mess-wrap .section .x-mess .circle {
    vertical-align: baseline;
    margin-right: 20px;
}

.head-mess-wrap .section-1 {
    margin-bottom: 28px;
}

.head-mess-wrap .section-2 {
    margin-bottom: 8px;
    width: 100%;
    overflow: hidden;
}

.head-mess-wrap .section-2 ul {
    margin-top: 1px;
}

.head-mess-wrap .section-2 ul li {
    margin-bottom: 28px;
}

.list-wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 120px;
}

.list-wrap .ul {
    width: 100%;
    overflow: hidden;
}

.list-wrap .ul .li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
    position: relative;
    padding: 36px 0;
}

.list-wrap .ul .li .more {
    width: 24px;
    height: 24px;
    border: 2px solid #323232;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 99;
    cursor: pointer;
}

.list-wrap .ul .li .more .line {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
}

.list-wrap .ul .li .more .x {
    width: 10px;
    height: 2px;
    background: #323232;
}

.list-wrap .ul .li .more .y {
    width: 2px;
    height: 10px;
    background: #323232;
}


.list-wrap .ul .li:nth-child(1) {
    border-top: 1px solid #D8D8D8;
}

.list-wrap .ul .li:last-child {
    border-bottom: none;
}

.list-wrap .ul .li .list-title {
    width: 100%;
    line-height: 26px;
    font-size: 26px;
    color: #333333;
    /* letter-spacing: 0.13px; */
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.list-wrap .ul .li .list-title span {
    margin-right: 10px;
}



.list-wrap .ul .li .child-mess-box {
    width: 100%;
    overflow: hidden;
    margin-top: 24px;
}

.list-wrap .ul .li .child-mess-box {
    display: none;
}

.list-wrap .ul .li .child-mess-box .child-list {
    margin-bottom: 28px;
}

.list-wrap .ul .li .child-mess-box .child-list:last-child {
    margin-bottom: 0;
}

.list-wrap .ul .li .child-mess-box .child-list .label {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .label .span {
    vertical-align: baseline;
    float: left;
}

.list-wrap .ul .li .child-mess-box .child-list .label .text {
    vertical-align: baseline;
    color: #343434;
    text-decoration: underline;
}

.list-wrap .ul .li .child-mess-box .child-list .label .link {
    color: #fec715;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box {
    padding-left: 28px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box-1 .x-mess {
    margin-bottom: 30px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box {
    padding-left: 20px;
    margin-top: 12px;
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .text {
    vertical-align: baseline;
    color: #343434;
    text-decoration: underline;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box {
    margin-bottom: 12px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box p {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box p span {
    margin-right: 20px;
}

.bold {
    vertical-align: unset;
    font-weight: 600;
    margin: 0 !important;
}


.list-title .animation-circle-add.active {
    border: 2px solid #323232;
}

.list-title .animation-circle-add.active .circle-vertical {
    background: #323232;
}

/*英文版样式*/

.container-en .content .module .check-title {
    line-height: 68px;
    margin-top: 10px;
}

.container-en .content .content-wrapper .resume-content .select-right {
    border-left: 0;
    border-right: 1px solid #D9D9D9;
}


.container-en .title-content .title-content-left .title {
    font-size: 40px;
    max-width: 480px;
}

.container-en .header .logo {
    background: url(../images/logo_en_bule.png) no-repeat;
    background-size: 100% 100%;
}

.container-en .footer .footer-main .footer-switch .logo-black {
    width: 229px;
    height: 24px;
    background: url(../images/logo_en_footer.png) no-repeat;
    background-size: 100% 100%;
}

.container-en .adaption-color .logo {
    background: url(../images/logo_en_white.png) no-repeat;
    background-size: 100% 100%;
}

.container-en .short-down-icon {
    background-position: 82% center;
}

.video-text-wrapper {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: 36px;
}

.video-text-wrapper .video-text {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 72px;
    color: #FFFFFF;
    text-align: center;
    line-height: 72px;
}

.video-text-wrapper .video-btn1 {
    cursor: pointer;
    margin-top: 32px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(./../images/video-icon1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.welfare-tips-hover {
    opacity: 0;
    position: absolute;
    left: 42px;
    bottom: 36px;
    padding: 10px 16px;
    font-size: 14px;
    color: #343434;
    letter-spacing: 0;
    line-height: 22px;
    box-sizing: border-box;
    background-color: white;
    max-width: 312px;
    z-index: 5;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}


.list-wrap .ul .li .list-title .list-title-text {
    width: 87.5%;
}


.content .content-wrapper .country-select .country-input {
    background-color: transparent;
    cursor: auto;
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 11px 0 11px 4.084%;
    border: 1px solid #D9D9D9;
    padding-right: 8%;
    box-sizing: border-box;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .country-select .country-input.active {
    border: 1px solid #fec715;
}

.content .content-wrapper .country-select {
    position: relative;
}

.content .content-wrapper .country-select .input-select-icon {
    right: 4.085%;
}

.content .content-wrapper .country-select .select-ul {
    top: 45px;
}

.swiper-container {
    height: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

/* .swiper-container .swiper-wrapper {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1), 1s top cubic-bezier(0.2, 0.0, 0.2, 1);
} */


.resume-btn-wrapper .retry-btn,
.resume-btn-wrapper .cancel-btn {
    margin: 0 12px;
}

.banner-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.city-banner.change-content .banner-href {
    display: none
}

.policy-container.policy-en .policy-explain .ten-email {
    font-size: 20px;
}

.policy-container.policy-en .policy-explain {
    padding-bottom: 12px;
}

.content .banner.welfare-banner {
    position: relative;
    background: black;
}

.content .banner.welfare-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 3;
    transition: .5s background;
}

.content .banner.welfare-banner .welfare-video {
    width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    left: 0;
    opacity: 1;
    display: block;
    z-index: 2;
    height: 320px;
    overflow: hidden;
}

.content .banner.welfare-banner .video1 {
    height: 320px;
}

.video-btn-wrapper {
    opacity: 0;
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: .5s opacity;
}

.video-btn {
    width: 100%;
    height: 100%;
    background: url(./../images/video-btn1.png);
    background-size: 100% 100%;
    opacity: 0.8;
}

.content .banner.welfare-banner:hover::after {
    background: rgba(0, 0, 0, .4);
}

.content .banner.welfare-banner:hover .video-btn-wrapper {
    opacity: 1;
    z-index: 4;
}

.tab-process-li .small-text {
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: 1px;
}

.welfare-item {
    height: 280px;
    overflow: hidden;
}

.city-swiper-container .circle-animation .circle-li:last-child {
    margin-right: 0;
}

.content .banner .banner-title-wrapper.special .banner-text {
    margin: 6px 0px 0px;
}

.index-header.fixed.safari {
    background: transparent;
    background: url(./../images/header-bg.jpg);
    background-size: 100% 100%;
}

.index-header.safari {
    background: transparent;
    background: url(./../images/header-bg.jpg);
    background-size: 100% 100%;
}

.index-header.adaption-color {
    background: transparent !important;
    border-color: transparent;
}

.max-center .search-banner .banner-bg {
    margin-top: 16px;
    width: 100%;
    height: 64px;
    /* background-image: url(./../images/search-banner.jpg); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.broadcast-wrapper .link-wrapper {
    display: inline-block;
    margin-bottom: 32px;
}

.broadcast-wrapper .broadcast-bg {
    position: relative;
    padding: 40px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    overflow: hidden;
}

.broadcast-wrapper .broadcast-bg:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -82px;
    left: -31px;
    height: 135%;
    width: 0%;
    background-color: rgba(0, 0, 0, .1);
    transform: rotate(8deg);
    transition: width 1s cubic-bezier(0.2, 0.0, 0.2, 1);
    z-index: 1;
}

.broadcast-wrapper .broadcast-bg:hover:after{
    width: 106%;
}

.broadcast-wrapper .broadcast-bg .broadcast-title {
    position: relative;
    display: inline-block;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 42px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    z-index: 3;
}

.broadcast-wrapper .broadcast-bg .broadcast-title:after{
    content: "";
    display: inline-block;
    width: 26px;
    height: 24px;
    margin-left: 16px;
    background-image: url(./../images/Live-icon.png);
    background-repeat: no-repeat;
    background-size: 26px 24px;
    background-position: right center;
    vertical-align: -2px;
}

.broadcast-wrapper .broadcast-bg .time-msg {
    position: relative;
    margin-top: 32px;
    z-index: 2;
}

.broadcast-wrapper .broadcast-bg .time-msg .time-title {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
}

.broadcast-wrapper .broadcast-bg .time-msg .time {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 18px;
    margin-top: 12px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
}

.broadcast-wrapper .broadcast-bg .txt-wrapper {
    position: relative;
    margin-top: 24px;
    z-index: 2;
}

.broadcast-wrapper .broadcast-bg .txt-wrapper .title {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
}

.broadcast-wrapper .broadcast-bg .txt-wrapper .text {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.02px;
    line-height: 24px;
    margin-top: 10px;
}

.broadcast-wrapper .broadcast-bg .txt-wrapper .speaker-list {
    margin-top: 10px;
}

.broadcast-wrapper .broadcast-bg .txt-wrapper .speaker-item {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.02px;
    line-height: 24px;
}

.broadcast-wrapper .broadcast-bg .register-link {
    position: relative;
    z-index: 2;
    margin-top: 32px;
}

.broadcast-wrapper .broadcast-bg .register-link .link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    padding-right: 16px;
}

.broadcast-wrapper .broadcast-bg .register-link .link:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    background: url(./../images/side-w-right.png) no-repeat;
    background-size: 12px 12px;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1)
}

.broadcast-wrapper .broadcast-bg .register-link .link:hover:after{
    transform: translate(6px,0);
}

.people-wrapper .people-list{
    min-height: 256px;
}

.people-wrapper .people-list .people-li{
    position: relative;
    float: left;
    width: 22.858%;
    min-height: 256px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
}

.people-wrapper .people-list .people-li:not(:last-child){
    margin-right: 2.85%;
}

.people-wrapper .people-list .people-li:first-child{
    background-image:  url(./../images/yuezheng.jpg) ;
}

.people-wrapper .people-list .people-li:nth-child(2){
    background-image: url(./../images/summer.jpg);
}

.people-wrapper .people-list .people-li:nth-child(3){
    background-image: url(./../images/shawnxiao.jpg);
}

.people-wrapper .people-list .people-li:last-child{
    background-image: url(./../images/yolanda.jpg);
}

.people-wrapper .people-list .people-li .people-msg{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    z-index: 2;
}

.people-wrapper .people-list .people-li:after{
    content:"";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.12) 32%, rgba(0,0,0,0.70) 100%);
}

.people-wrapper .people-list .people-li .people-msg .name{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 18px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.50);
    font-weight: 600;
}

.people-wrapper .people-list .people-li .people-msg .school{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.50);
}

.people-wrapper .people-list .people-li .people-msg .position{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.50);
}

.detail-wrapper .triangle{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
    background-image: url(./../images/triangle-up.png);
    background-size: 40px 18px;
    background-repeat: no-repeat;
    margin-top: 16px;
    transform: translate(108px,0);
    transition: .5s transform;
    z-index: 1;
}

.detail-text{
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
}

.detail-text .txt-wrapper{
    display: none;
    padding: 24px;
}

.detail-text .txt-wrapper:first-child{
    display: block;
}

.detail-text .txt-wrapper .title{
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    font-weight: 600;
}

.detail-text .txt-wrapper .text{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    margin-top: 5px;
}

@keyframes bannerTextMove {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes loadingBlock1 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(216px, 0);
    }
}

@keyframes loadingBlock2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(216px, 0);
    }
}

@keyframes loadingBlock3 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(216px, 0);
    }
}

@keyframes loadingBlock4 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(216px, 0);
    }
}

@keyframes loadingBlock5 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(216px, 0);
    }
}


@keyframes mouseWheelDown {
    0% {
        transform: translate(0%, 0%);
        opacity: 0;
    }

    20% {
        transform: translate(0%, 0%);
        opacity: 1;
    }

    25% {
        transform: translate(0%, 0%);
        opacity: 1;
    }

    75% {
        transform: translate(0%, 100%);
        opacity: 1;
    }

    95% {
        transform: translate(0%, 100%);
        opacity: 0;
    }

    100% {
        transform: translate(0%, 100%);
        opacity: 0;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    100% {
        transform: rotate(224deg);
        -webkit-transform: rotate(224deg);
    }
}


@keyframes rotate1 {
    0% {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }
}

@-webkit-keyframes rotate1 {
    0% {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }
}


@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*搜索页加号旋转动画模块*/

@-webkit-keyframes rotateVertical {

    0% {
        transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
    }

    50% {
        transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
    }

    100% {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}

@keyframes rotateVertical {
    0% {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    100% {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}

@-webkit-keyframes rotateVerticalGo {

    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}

@keyframes Enlarge {
    0% {
        opacity: 0.1;
        transform: scale(1) translate(0, 0);
    }

    20% {
        opacity: 0.1;
    }

    100% {
        opacity: 0;
        transform: scale(1.5) translate(0, -80px);
    }
}

@-webkit-keyframes Enlarge {
    0% {
        opacity: 0.1;
        transform: scale(1) translate(0, 0);
    }

    20% {
        opacity: 0.1;
    }

    100% {
        opacity: 0;
        transform: scale(1.5) translate(0, -80px);
    }
}

@keyframes upwardOut {
    0% {
        margin-top: 0;
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

    100% {
        margin-top: -80px;

    }
}

@-webkit-keyframes upwardOut {
    0% {
        margin-top: 0px;
        opacity: 1;
    }

    100% {
        margin-top: -50px;
        opacity: 0;
    }
}

@keyframes rotateVerticalGo {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}


@-webkit-keyframes rotateVerticalBack {
    0% {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }


    100% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}

@keyframes rotateVerticalBack {
    0% {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

    100% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}

@keyframes rotateTransverseGo {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}

@-webkit-keyframes rotateTransverseGo {

    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}

@-webkit-keyframes rotateTransverseBack {
    0% {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}

@keyframes rotateTransverseBack {
    0% {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}


@-webkit-keyframes rotateSelectGo {
    0% {
        transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes rotateSelectGo {
    0% {
        transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        opacity: 0;

    }

    100% {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes dropDown {
    0% {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        opacity: 0;
    }
}

@-webkit-keyframes dropDown {
    0% {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateSelectBack {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rotateSelectBack {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes heightGo {
    0% {
        height: 0px;
    }

    100% {
        height: 80px;
    }
}

@-webkit-keyframes heightGo {
    0% {
        height: 0px;
    }

    100% {
        height: 80px;
    }
}

@keyframes heigBack {
    0% {
        height: 80px;
    }

    100% {
        height: 0px;
    }
}

@-webkit-keyframes heigBack {
    0% {
        height: 80px;
    }

    100% {
        height: 0px;
    }
}


@keyframes BGMoveGo {
    0% {
        width: 0%
    }

    100% {
        width: 105%;
    }
}

@-webkit-keyframes BGMoveGo {
    0% {
        width: 0%
    }

    100% {
        width: 105%;
    }
}

@keyframes BGMoveBack {
    0% {
        width: 105%
    }

    100% {
        width: 0%;
    }
}

@-webkit-keyframes BGMoveBack {
    0% {
        width: 105%
    }

    100% {
        width: 0%;
    }
}


@keyframes bannerTextGO {
    0% {
        /* transform: rotateY(78deg); */
        opacity: 0;
    }

    100% {
        opacity: 1;
        /* transform: rotateY(0deg); */
    }
}

@-webkit-keyframes bannerTextGO {
    0% {
        opacity: 0;
        /* transform: rotateY(78deg); */
    }

    100% {
        opacity: 1;
        /* transform: rotateY(0deg); */
    }
}

@keyframes collectionGo {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes collectionGo {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes collectionBack {
    0% {
        width: 100%
    }

    100% {
        width: 0%
    }
}

@-webkit-keyframes collectionBack {
    0% {
        width: 100%
    }

    100% {
        width: 0%
    }
}

@keyframes turnYBack {
    0% {
        margin-top: 0px;
        opacity: 1;
    }

    100% {
        margin-top: -50px;
        opacity: 0;
    }
}

@-webkit-keyframes turnYBack {
    0% {
        margin-top: 0px;
        opacity: 0.1;
    }

    100% {
        margin-top: -50px;
        opacity: 1;
    }
}

@keyframes upwardOut {
    0% {
        margin-top: 0;
        opacity: 1;
    }

    100% {
        margin-top: -50px;
        opacity: 0;
    }
}

@keyframes upwardGo {
    0% {
        opacity: 0;
        margin-top: 80px;
    }

    30% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

@-webkit-keyframes upwardGo {
    0% {
        opacity: 0;
        margin-top: 80px;
    }

    20% {
        opacity: 1;
    }

    100% {
        margin-top: 0px;
    }
}

@keyframes upwardOut {
    0% {
        margin-top: 0;
        opacity: 1;
    }

    100% {
        margin-top: -50px;
        opacity: 0;
    }
}

@-webkit-keyframes upwardOut {
    0% {
        margin-top: 0;
        opacity: 1;
    }

    100% {
        margin-top: -50px;
        opacity: 0;
    }
}

@keyframes upwardText {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }

    30% {
        opacity: 0;
    }

    70% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
        transform: translateY(0px);
    }
}

@-webkit-keyframes upwardText {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }

    30% {
        opacity: 0;
    }

    70% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
        transform: translateY(0px);
    }
}

@keyframes narrow {
    0% {
        opacity: 0;
        transform: scale(1.33) translate(0, 80px);
    }

    30% {
        opacity: 0;
    }

    70% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
        transform: scale(1) translate(0, 0);
    }
}

@-webkit-keyframes narrow {
    0% {
        opacity: 0;
        transform: scale(1.33) translate(0, 80px);
    }

    20% {
        opacity: 0;
    }

    30% {
        opacity: 0.2;
    }

    70% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
        transform: scale(1) translate(0, 0);
    }
}



@keyframes banner {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes width {
    0% {
        width: 10%;
    }

    100% {
        width: 100%;
    }
}

@keyframes width {
    0% {
        width: 10%;
    }

    100% {
        width: 100%;
    }
}

@keyframes widthMQuery {
    0% {
        width: 10%;
    }

    100% {
        width: 115%;
    }
}


@keyframes banner1 {
    0% {
        transform: translateX(-200%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes width1 {
    0% {
        opacity: 0;
        width: 0%;
    }

    50% {
        opacity: 1;
    }

    100% {

        width: 100%;
    }
}

@keyframes cookieMove {
    0% {
        transform: translate(0, 48px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes cookieMove {
    0% {
        transform: translate(0, 48px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes squareMove6-one {
    0% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
    }
}

@keyframes squareMove6-two {
    0% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
    }
}

@keyframes squareMove6 {
    0% {
        width: 89.615%;
        padding-bottom: 89.615%;
        transform: translate(-28.5%, 28.5%);
        -ms-transform: translate(-28.5%, 28.5%);
    }

    50% {
        width: 64.97%;
        padding-bottom: 64.97%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        width: 64.97%;
        padding-bottom: 14.936%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}

@keyframes squareMove5 {
    0% {
        width: 59.742%;
        padding-bottom: 59.742%;
        transform: translate(92.5%, 0);
        -ms-transform: translate(92.5%, 0);
    }

    50% {
        width: 44.808%;
        padding-bottom: 44.808%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        width: 14.936%;
        padding-bottom: 44.808%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}

@keyframes squareMove4-two {
    0% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);

    }
}

@keyframes squareMove4 {
    0% {
        width: 82.147%;
        padding-bottom: 82.147%;
        transform: translate(-40%, 0);
        -ms-transform: translate(-40%, 0);
    }

    50% {
        width: 55.635%;
        padding-bottom: 55.635%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        width: 14.936%;
        padding-bottom: 55.635%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}

@keyframes squareMove3 {
    0% {
        width: 89.614%;
        padding-bottom: 89.614%;
        transform: translate(28.4%, 0%);
        -ms-transform: translate(28.4%, 0%);
    }

    50% {
        width: 74.678%;
        padding-bottom: 74.678%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        width: 14.936%;
        padding-bottom: 74.678%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}

@keyframes squareMove2 {
    0% {
        width: 67.21%;
        padding-bottom: 67.21%;
        transform: translate(-71.09%, 0%);
        -ms-transform: translate(-71.09%, 0%);
    }

    50% {
        width: 44.808%;
        padding-bottom: 44.808%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        width: 14.936%;
        padding-bottom: 44.808%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}

@keyframes squareMove1 {
    0% {
        width: 74.678%;
        padding-bottom: 74.678%;
        transform: translate(53.9%, 0);
        -ms-transform: translate(53.9%, 0%);
    }

    50% {
        width: 55.262%;
        padding-bottom: 55.262%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    100% {
        width: 14.936%;
        padding-bottom: 55.262%;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}


@keyframes welfareTranslate {
    0% {
        opacity: 0;
        transform: translate(0, 60px);
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes bgTranslateRight {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(100%, 0);
    }
}

@keyframes bgTranslateLeft {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

@keyframes sidebarActive {
    0% {
        transform: translate(22%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes sidebarNormal {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(22%, 0);
    }
}

@keyframes sidebarTextActive {
    0% {
        opacity: 0.6;
        /* font-size: 16px; */
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        /* font-size: 24px; */
    }
}

@keyframes sidebarNumActive {
    0% {
        opacity: 0;
    }

    /* 20% {
        opacity: 0;
    } */

    100% {
        opacity: 1;
    }
}


@keyframes sidebarTextNormal {
    0% {
        opacity: 1;
        /* font-size: 24px; */
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0.6;
        /* font-size: 16px; */
    }
}

@keyframes sidebarNumNormal {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}



@keyframes minusReversalUp {
    0% {
        opacity: 0;
        transform: translate(0, 20px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes minusReversalUp {
    0% {
        opacity: 0;
        transform: translate(0, 20px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes FirstReversalDown {
    0% {
        opacity: 0;
        transform: translate(0, -20px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes FirstReversalDown {
    0% {
        opacity: 0;
        transform: translate(0, -20px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes ReversalDown {
    0% {
        opacity: 0;
        transform: translate(0, -20px);
    }

    100% {
        opacity: 0.6;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ReversalDown {
    0% {
        opacity: 0;
        transform: translate(0, -20px);
    }

    100% {
        opacity: 0.6;
        transform: translate(0, 0);
    }
}

@keyframes stretch {
    0% {
        transform: rotateY(90deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

@keyframes stretch1 {
    0% {
        transform: rotateY(-90deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

@keyframes opacity1 {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacityOut {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes BraceUpFirst {
    0% {
        transform: translate(100%, 0);
    }

    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes BraceUpFirst {
    0% {
        transform: translate(100%, 0);
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes indexIcon4 {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes indexIcon1-1 {
    0% {
        opacity: 0;
        transform: translate(55px, -15px);
    }

    33% {
        opacity: 0;
        transform: translate(55px, -15px);
    }

    50% {
        opacity: 0;
        transform: translate(55x, -15px);
    }

    54% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(35px, 5px);
    }
}

@keyframes indexIcon1-2 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(7deg);
    }

    100% {
        transform: rotate(0deg);
    }
}


@keyframes indexIcon1 {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
    }

    26% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    33% {
        opacity: 0;
        transform: scale(.5) translate(-80px, 78px);
    }

    66% {
        transform: scale(0)
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-80px, 78px);
    }
}

@keyframes rotateIcon2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes indexIcon3 {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    33% {
        transform: scale(0);
        opacity: 0;
    }

    66% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes indexIcon2 {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    33% {
        opacity: 1;
        transform: scale(1);
    }

    66% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes indexIcon2-1 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    33% {
        opacity: 0;
        transform: scale(0)
    }

    66% {
        opacity: 0;
        transform: scale(0)
    }


    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes iconMove3 {
    0% {
        transform: translate(0px, 0px)
    }

    50% {
        transform: translate(-39px, -68px)
    }

    100% {
        transform: translate(-78px, -135px)
    }
}


@media all and (min-width: 0) {
    .content .main .recruit-btn {
        border: none\9;
    }

    .children-menu {
        border: none\9;
    }

    .children-menu .pop-arrow {
        display: block\9;
    }

    .children-menu .pop-arrow-ie {
        display: none\9;
    }

    .banner-swiper .swiper-pagination .swiper-active-switch,
    .a-swiper .swiper-pagination .swiper-active-switch,
    .city-swiper-container .swiper-pagination .swiper-active-switch {
        border: 2px #fec715 solid\9;
    }

    .circle-animation {
        display: none\9;
    }

    .animation-circle-add.active .circle-transverse {
        display: none\9;
    }

    .active.life-li .life-bg::after {
        display: none\9;
    }

    .active.study .decorate-one {
        width: 14.936%\9;
        padding-bottom: 55.262%\9;
        transform: translate(0, 0)\9;
    }

    .life-li.healthy.active .decorate-one {
        width: 14.936%\9;
        padding-bottom: 44.808%\9;
        transform: translate(0, 0)\9;
    }

    .life-li.activity.active .decorate-one {
        width: 14.936%\9;
        padding-bottom: 74.678%\9;
        transform: translate(0, 0)\9;
    }

    .family.active .decorate-one {
        width: 14.936%\9;
        padding-bottom: 55.635%\9;
        transform: translate(0, 0)\9;
    }

    .family.active .decorate-two {
        transform: translate(-100%, 0)\9;
    }

    .enjoy.active .decorate-one {
        width: 14.936%\9;
        padding-bottom: 44.808%\9;
        transform: translate(0, 0)\9;
    }

    .sociology.active .decorate-one {
        width: 64.97%\9;
        padding-bottom: 14.936%\9;
        transform: translate(0, 0)\9;
    }

    .sociology.active .decorate-two {
        transform: translate(-100%, 0)\9;
    }

    .sociology.active .decorate-three {
        transform: translate(100%, 0)\9;
    }

    .sidebar-item:first-child .sidebar-text {
        opacity: 1\9;
    }

    .sidebar-item-content .sidebar-text {
        opacity: 0.6\9;
    }

    .sidebar-item:first-child .sidebar-item-content .page-number {
        opacity: 1\9;
    }

    .sidebar .sidebar-item:first-child .change-number-wrapper {
        opacity: 1\9;
    }

    .sidebar .sidebar-item.normal .change-number-wrapper {
        opacity: 0\9;
    }

    .sidebar .sidebar-item.leave,
    .sidebar .sidebar-item.normal {
        transform: translate(22%, 0)\9;
    }

    .sidebar .sidebar-item.hover,
    .sidebar .sidebar-item.active {
        transform: translate(0, 0)\9;
    }

    .sidebar-item.normal .sidebar-item-content .page-number {
        opacity: 0\9;
    }

    .sidebar .sidebar-item.leave .sidebar-text,
    .sidebar .sidebar-item.normal .sidebar-text {
        opacity: 0.5\9;
    }

    .sidebar .sidebar-item.hover .sidebar-text,
    .sidebar .sidebar-item.active .sidebar-text {
        font-size: 16px\9;
        opacity: 1\9;
    }

    .sidebar .sidebar-item.active .page-number {
        opacity: 1\9;
    }

    .sidebar .sidebar-item.active .change-number-wrapper {
        opacity: 1\9;
    }

    .content .banner .banner-main .banner-title-wrapper {
        opacity: 1\9;
    }

    .content .content-wrapper .recruit-content .work-collection.active,
    .content .main .recruit-wrap .recruit-list .recruit-collection.active .icon-collection {
        background: url(../images/rectangle2x.png) no-repeat\9;
        background-size: 24px 32px;
    }

    .loading-wrapper {
        display: none\9;
    }

    .content .banner .banner-href {
        opacity: 1\9;
    }

    /* IE9 only, 现在IE10也支持 */
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    /* 3. */
    .content .main .recruit-btn {
        border: none;
    }

    .children-menu {
        border: none;
    }

    .children-menu .pop-arrow {
        display: block;
    }

    .children-menu .pop-arrow-ie {
        display: none;
    }

    .a-swiper .swiper-pagination .swiper-active-switch {
        border: 2px solid rgba(255, 255, 255, 0.5);
    }

    .banner-swiper .swiper-pagination .swiper-active-switch,
    .city-swiper-container .swiper-pagination .swiper-active-switch {
        border: 2px solid rgba(255, 255, 255, 0.5);
    }

    .city-swiper-container .swiper-pagination .swiper-active-switch {
        border: 2px solid #CDCDCD;
    }

    .circle-animation {
        display: block;
    }

    .animation-circle-add.active .circle-transverse {
        display: block;
    }

    .active.life-li .life-bg::after {
        display: block;
    }

    .active.study .decorate-one {
        width: 74.678%;
        padding-bottom: 74.678%;
        transform: translate(53.9%, 0);
    }

    .life-li.healthy.active .decorate-one {
        width: 67.21%;
        padding-bottom: 67.21%;
        transform: translate(-71.09%, 0%);
    }

    .life-li.activity.active .decorate-one {
        width: 89.614%;
        padding-bottom: 89.614%;
        transform: translate(28.25%, 0%);
    }

    .family.active .decorate-one {
        width: 82.147%;
        padding-bottom: 82.147%;
        transform: translate(-40%, 0);
    }

    .family.active .decorate-two {
        transform: translate(0, 0);
    }

    .enjoy.active .decorate-one {
        width: 59.742%;
        padding-bottom: 59.742%;
        transform: translate(92.5%, 0);
    }

    .sociology.active .decorate-one {
        width: 89.615%;
        padding-bottom: 89.615%;
        transform: translate(-28.5%, 28.5%);
    }

    .sociology.active .decorate-two {
        transform: translate(0, 0);
    }

    .sociology.active .decorate-three {
        transform: translate(0, 0);
    }

    .content .banner .banner-main .banner-title-wrapper {
        opacity: 0;
    }

    .content .content-wrapper .recruit-content .work-collection.active,
    .content .main .recruit-wrap .recruit-list .recruit-collection.active .icon-collection {
        background: url(../images/rectangle2x.png) no-repeat\9;
        background-size: 24px 32px;
    }

    .sidebar .sidebar-item.active .sidebar-text {
        opacity: 0;
    }

    .sidebar .sidebar-item.active .change-number-wrapper {
        opacity: 0;
    }

    .sidebar-item:first-child .sidebar-text {
        opacity: 0;
    }

    .sidebar-item-content .sidebar-text {
        opacity: 0;
    }

    .sidebar-item:first-child .sidebar-item-content .page-number {
        opacity: 0;
    }

    .sidebar:first-child .sidebar-item .change-number-wrapper {
        opacity: 0;
    }

    .loading-wrapper {
        display: block;
    }

    .content .banner .banner-href {
        opacity: 0;
    }

    /* .content .content-wrapper .content-right.affix-up {
        transition: 0ms
    } */

    /* IE10+ */
}

/* @media (max-width: 1380px) {
    .application-right {
        margin-right: 64px;
    }
} */

@media (max-width: 1190px) {
    .welfare-tips-hover.active {
        opacity: 1;
        bottom: 36px;
    }
}


@media (max-width: 1281px) {
    .city-swiper-container .city-swiper-next,
    .staff-next-wrapper {
      right: 0px;
    }
  
    .city-swiper-container .city-swiper-prev,
    .staff-prev-wrapper {
      left: 0px;
    }
  
    .service-swiper-container .application {
      width: 80%;
    }
}

@media (max-width: 1080px) {}


@media (max-width: 1180px) {

    .content .banner .banner-main .banner-style .banner-style-left .banner-color-left {
        animation: widthMQuery 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
    }

    .content .content-wrapper .content-right-1,
    .content .content-wrapper .content-right,
    .content .content-wrapper .resume-operation.fixed,
    .content .content-wrapper .resume-operation {
        width: 234px;
    }
}

@media (min-width: 2559px) {
    .welfare-item.welfare-big .welfare-vid-big.welfare-vid {
        height: 380px;
        width: 1920px;
        left: 50%;
        margin-left: -960px;
    }
}

@media screen and (max-height:750px) {
    .content .login-wrapper .login {
        margin-top: -40px;
    }
}


@media (max-width: 1366px) {
    .application-logo {
      width: 192px;
      height: 192px;
      background-repeat: no-repeat;
      background-size: 192px 192px;
      background-position: center;
    }
  
    .change-number-wrapper {
      top: 16px;
      line-height: 15px;
      height: 14px;
    }
  
    .sidebar-item .page-number .current-num .number-item {
      font-size: 18px;
    }
  
    .sidebar-item-content .number {
      font-size: 14px;
    }
  
    .sidebar-item .page-number .tilt {
      padding: 0 6px 0 18px;
      padding-left: 20px\0;
    }
  
    .change-number-wrapper .second.number {
      transform: translate(0, -14px);
      transform: translate(0, -15px)\0;
    }
  
    .sidebar.normal .sidebar-item.hover .sidebar-text,
    .sidebar.normal .sidebar-item.active .sidebar-text {
      line-height: 22px;
      font-size: 16px;
    }
  
    .title-content .title-content-left .title {
      font-size: 28px;
    }
  
    .product .product-item {
      font-size: 24px;
    }
  
    .application .application-message {
      margin-top: 16px;
      padding-top: 12px;
    }
  
    .sidebar-item-content .headerline {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .sidebar-item-content .page-number {
      height: 22px;
      padding-bottom: 10px;
    }
  
    .product-item-list {
      margin-left: 8px;
      max-width: 122px;
    }
  
    .sidebar .sidebar-ground {
      padding-top: 25px;
      padding-bottom: 38px;
    }
  
    .sidebar-item-content .sidebar-text {
      line-height: 24px;
      line-height: 22px\0;
    }
}